// Title: Pedro's Epic Slide Fail

// Time to witness Pedro's daring (and disastrous) attempt at being a superhero!



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

ctx.fillRect(0, 0, 512, 512); // Drawing the sky



ctx.fillStyle = "#008000"; // Setting the grass green

ctx.fillRect(0, 400, 512, 112); // Drawing the grass



// Drawing the slide

ctx.fillStyle = "#D3D3D3"; // Setting the slide color to light gray

ctx.fillRect(100, 250, 200, 150); // Main slide structure



// Drawing the ladder

ctx.fillStyle = "#A9A9A9"; // Setting the ladder color to dark gray

ctx.fillRect(220, 170, 20, 80); // Vertical ladder bars

ctx.fillRect(220, 170, 60, 10); // Horizontal ladder bar



// Drawing Pedro

ctx.fillStyle = "#FF0000"; // Setting Pedro's color to red

ctx.fillRect(150, 350, 40, 80); // Pedro's body

ctx.fillRect(130, 430, 80, 20); // Pedro's legs

ctx.fillRect(120, 330, 100, 20); // Pedro's arms



// Drawing Emily

ctx.fillStyle = "#FFC0CB"; // Setting Emily's color to pink

ctx.fillRect(300, 350, 40, 80); // Emily's body

ctx.fillRect(280, 430, 80, 20); // Emily's legs

ctx.fillRect(270, 330, 100, 20); // Emily's arms



// Drawing Edmond

ctx.fillStyle = "#FFFF00"; // Setting Edmond's color to yellow

ctx.fillRect(225, 350, 40, 80); // Edmond's body

ctx.fillRect(205, 430, 80, 20); // Edmond's legs

ctx.fillRect(195, 330, 100, 20); // Edmond's arms



// Drawing Mr. Pony

ctx.fillStyle = "#8B4513"; // Setting Mr. Pony's color to brown

ctx.fillRect(280, 240, 40, 80); // Mr. Pony's body

ctx.fillRect(260, 320, 80, 20); // Mr. Pony's legs

ctx.fillRect(250, 220, 100, 20); // Mr. Pony's arms



// Drawing the broken slide

ctx.strokeStyle = "#000000"; // Setting the color of the broken parts to black

ctx.lineWidth = 4; // Setting the line width for the broken parts

ctx.beginPath();

ctx.moveTo(100, 400); // Starting point for the broken slide

ctx.lineTo(300, 400); // Ending point for the broken slide

ctx.stroke();



// Adding a warning sign

ctx.fillStyle = "#FFA500"; // Setting the warning sign color to orange

ctx.fillRect(320, 310, 20, 20); // Drawing the warning sign shape

ctx.fillStyle = "#000000"; // Setting the color of the warning sign text to black

ctx.font = "14px Arial"; // Setting the font for the warning sign text

ctx.fillText("NO JUMPING!", 250, 330); // Adding the warning text



// Adding a speech bubble for Mr. Pony

ctx.beginPath();

ctx.moveTo(320, 220); // Starting point for the speech bubble

ctx.lineTo(400, 220); // First corner of the speech bubble

ctx.lineTo(400, 260); // Second corner of the speech bubble

ctx.lineTo(320, 260); // Third corner of the speech bubble

ctx.closePath();

ctx.fillStyle = "#FFFFFF"; // Setting the speech bubble color to white

ctx.fill();

ctx.fillStyle = "#000000"; // Setting the color of the text in the speech bubble to black

ctx.font = "12px Arial"; // Setting the font for the text in the speech bubble

ctx.fillText("No, no, don't jump Pedro, don't jump.", 330, 240); // Adding Mr. Pony's warning



// Adding a tombstone for Pedro

ctx.fillStyle = "#000000"; // Setting the tombstone color to black

ctx.fillRect(160, 430, 40, 20); // Drawing the base of the tombstone

ctx.fillRect(140, 350, 80, 80); // Drawing the tombstone structure

ctx.fillStyle = "#FFFFFF"; // Setting the color of the text on the tombstone to white

ctx.font = "12px Arial"; // Setting the font for the text on the tombstone

ctx.fillText("RIP Pedro", 150, 390); // Adding Pedro's name on the tombstone



// Farewell, Pedro. Your superhero dreams were short-lived and slide-breaking.