// Heartbeat Rave
// In this drawing, we will create a colorful heartbeat rave using HTML canvas and JavaScript.

// Create the canvas element

// Get the 2d context

// Draw the heart
ctx.beginPath();
ctx.moveTo(256, 100);
ctx.bezierCurveTo(256, 150, 100, 100, 100, 200);
ctx.bezierCurveTo(100, 280, 256, 400, 412, 200);
ctx.bezierCurveTo(412, 100, 256, 150, 256, 100);
ctx.closePath();
ctx.fillStyle = "red";
ctx.fill();

// Draw the heartbeat lines
ctx.strokeStyle = "blue";
ctx.lineWidth = 3;

ctx.beginPath();
ctx.moveTo(100, 200);
ctx.lineTo(156, 200);
ctx.stroke();

ctx.beginPath();
ctx.moveTo(200, 200);
ctx.lineTo(256, 200);
ctx.stroke();

ctx.beginPath();
ctx.moveTo(300, 200);
ctx.lineTo(356, 200);
ctx.stroke();

ctx.beginPath();
ctx.moveTo(412, 200);
ctx.lineTo(468, 200);
ctx.stroke();

// Add some colorful rave lights
ctx.fillStyle = "yellow";
ctx.fillRect(156, 180, 10, 40);

ctx.fillStyle = "green";
ctx.fillRect(256, 180, 10, 40);

ctx.fillStyle = "purple";
ctx.fillRect(356, 180, 10, 40);

ctx.fillStyle = "orange";
ctx.fillRect(468, 180, 10, 40);

// Add some text
ctx.font = "30px Arial";
ctx.fillStyle = "white";
ctx.fillText("Heartbeat Rave", 150, 450);

// Dance like nobody's watching!