// Crash Course



// Draw the background

ctx.fillStyle = "#87CEFA"; // blue sky

ctx.fillRect(0, 0, 512, 512);



// Draw the sun

ctx.beginPath();

ctx.fillStyle = "#FFFF00"; // yellow sun

ctx.arc(400, 100, 75, 0, 2 * Math.PI);

ctx.fill();



// Draw the crashed VHS tapes

ctx.beginPath();

ctx.fillStyle = "#000000"; // black VHS

ctx.fillRect(100, 300, 100, 50); // left VHS

ctx.fillRect(312, 300, 100, 50); // right VHS



// Draw the broken tape

ctx.beginPath();

ctx.fillStyle = "#FF0000"; // red tape

ctx.fillRect(125, 325, 50, 10); // left tape

ctx.fillRect(362, 325, 50, 10); // right tape



// Draw Sammy and Raj

ctx.beginPath();

ctx.fillStyle = "#FF69B4"; // pink Sammy

ctx.arc(125, 275, 25, 0, 2 * Math.PI);

ctx.fill();



ctx.beginPath();

ctx.fillStyle = "#008000"; // green Raj

ctx.arc(425, 275, 25, 0, 2 * Math.PI);

ctx.fill();



// Draw the speech bubbles

ctx.font = "bold 16px Arial"; // font style

ctx.fillStyle = "#000000"; // black text

ctx.fillText("Oops!", 75, 200); // Sammy's speech bubble

ctx.fillText("Are you OK?", 325, 200); // Raj's speech bubble



// Draw the hearts

ctx.beginPath();

ctx.fillStyle = "#FF1493"; // pink heart

ctx.moveTo(175, 200);

ctx.bezierCurveTo(175, 187, 165, 175, 150, 175);

ctx.bezierCurveTo(125, 175, 125, 200, 125, 200);

ctx.bezierCurveTo(125, 225, 150, 250, 175, 275);

ctx.bezierCurveTo(200, 250, 225, 225, 225, 200);

ctx.bezierCurveTo(225, 200, 225, 175, 200, 175);

ctx.bezierCurveTo(185, 175, 175, 187, 175, 200);

ctx.fill(); // left heart



ctx.beginPath();

ctx.fillStyle = "#32CD32"; // green heart

ctx.moveTo(337, 200);

ctx.bezierCurveTo(337, 187, 327, 175, 312, 175);

ctx.bezierCurveTo(287, 175, 287, 200, 287, 200);

ctx.bezierCurveTo(287, 225, 312, 250, 337, 275);

ctx.bezierCurveTo(362, 250, 387, 225, 387, 200);

ctx.bezierCurveTo(387, 200, 387, 175, 362, 175);

ctx.bezierCurveTo(347, 175, 337, 187, 337, 200);

ctx.fill(); // right heart



// Draw the stars

ctx.fillStyle = "#FFFFFF"; // white stars

ctx.beginPath();

ctx.moveTo(50, 50);

ctx.lineTo(70, 70);

ctx.lineTo(50, 90);

ctx.lineTo(30, 70);

ctx.lineTo(50, 50);

ctx.closePath();

ctx.fill(); // top-left star



ctx.beginPath();

ctx.moveTo(462, 50);

ctx.lineTo(482, 70);

ctx.lineTo(462, 90);

ctx.lineTo(442, 70);

ctx.lineTo(462, 50);

ctx.closePath();

ctx.fill(); // top-right star



ctx.beginPath();

ctx.moveTo(50, 462);

ctx.lineTo(70, 482);

ctx.lineTo(50, 502);

ctx.lineTo(30, 482);

ctx.lineTo(50, 462);

ctx.closePath();

ctx.fill(); // bottom-left star



ctx.beginPath();

ctx.moveTo(462, 462);

ctx.lineTo(482, 482);

ctx.lineTo(462, 502);

ctx.lineTo(442, 482);

ctx.lineTo(462, 462);

ctx.closePath();

ctx.fill(); // bottom-right star



// Draw the moon

ctx.beginPath();

ctx.fillStyle = "#FFFFFF"; // white moon

ctx.arc(250, 100, 50, 0, 2 * Math.PI);

ctx.fill();

ctx.beginPath();

ctx.fillStyle = "#87CEEB"; // blue sky

ctx.arc(225, 75, 50, 0, 2 * Math.PI);

ctx.fill();



// Draw the UFO

ctx.beginPath();

ctx.fillStyle = "#808080"; // gray UFO

ctx.arc(250, 400, 75, 0, 2 * Math.PI);

ctx.fill();



ctx.beginPath();

ctx.fillStyle = "#FFFFFF"; // white UFO lights

ctx.arc(200, 400, 10, 0, 2 * Math.PI);

ctx.fill();



ctx.beginPath();

ctx.arc(250, 375, 10, 0, 2 * Math.PI);

ctx.fill();



ctx.beginPath();

ctx.arc(300, 400, 10, 0, 2 * Math.PI);

ctx.fill();



// Draw the aliens

ctx.beginPath();

ctx.fillStyle = "#FFA07A"; // light orange alien

ctx.arc(200, 425, 25, 0, 2 * Math.PI);

ctx.fill();



ctx.beginPath();

ctx.fillStyle = "#FFD700"; // yellow alien

ctx.arc(250, 425, 25, 0, 2 * Math.PI);

ctx.fill();



ctx.beginPath();

ctx.fillStyle = "#1E90FF"; // blue alien

ctx.arc(300, 425, 25, 0, 2 * Math.PI);

ctx.fill();



// Draw the alien antennas

ctx.beginPath();

ctx.strokeStyle = "#000000"; // black antenna

ctx.lineWidth = 2;

ctx.moveTo(190, 405);

ctx.lineTo(180, 380);

ctx.stroke();



ctx.beginPath();

ctx.moveTo(240, 415);

ctx.lineTo(240, 380);

ctx.stroke();



ctx.beginPath();

ctx.moveTo(290, 405);

ctx.lineTo(300, 380);

ctx.stroke();



// Draw the alien eyes

ctx.beginPath();

ctx.fillStyle = "#000000"; // black eye

ctx.arc(190, 420, 5, 0, 2 * Math.PI);

ctx.fill();



ctx.beginPath();

ctx.arc(260, 420, 5, 0, 2 * Math.PI);

ctx.fill();



ctx.beginPath();

ctx.arc(310, 420, 5, 0, 2 * Math.PI);

ctx.fill();



// Draw the alien mouths

ctx.beginPath();

ctx.strokeStyle = "#000000"; // black mouth

ctx.moveTo(185, 435);

ctx.lineTo(195, 445);

ctx.stroke();



ctx.beginPath();

ctx.moveTo(255, 435);

ctx.lineTo(245, 445);

ctx.stroke();



ctx.beginPath();

ctx.moveTo(315, 435);

ctx.lineTo(305, 445);

ctx.stroke();



// Draw the alien arms

ctx.beginPath();

ctx.strokeStyle = "#000000"; // black arm

ctx.lineWidth = 5;

ctx.moveTo(175, 425);

ctx.lineTo(150, 450);

ctx.stroke();



ctx.beginPath();

ctx.moveTo(325, 425);

ctx.lineTo(350, 450);

ctx.stroke();



// Draw the alien legs

ctx.beginPath();

ctx.moveTo(200, 450);

ctx.lineTo(195, 480);

ctx.lineTo(185, 480);

ctx.lineTo(190, 450);

ctx.fill(); // left leg



ctx.beginPath();

ctx.moveTo(250, 450);

ctx.lineTo(245, 480);

ctx.lineTo(235, 480);

ctx.lineTo(240, 450);

ctx.fill(); // middle leg



ctx.beginPath();

ctx.moveTo(300, 450);

ctx.lineTo(295, 480);

ctx.lineTo(285, 480);

ctx.lineTo(290, 450);

ctx.fill(); // right leg



// Draw the ground

ctx.beginPath();

ctx.fillStyle = "#008000"; // green ground

ctx.fillRect(0, 475, 512, 37.5);



// Draw the title

// "Rare VHS footage of Sammy and Raj crashes together!"

// (I know it's too long, but I couldn't resist!)

// So, let's go with "Sammy and Raj's Epic Crash"

// (Which is also less than 100 characters!)

// And... Ta-Da!

// "Sammy and Raj's Epic Crash" - More like an Alien Party!

// (Because it's not everyday you get to meet aliens after a crash!)