// A Royal Butterfly Princess in a Colorful Garden

// Close-up view capturing the princess in action



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

ctx.fillRect(0, 0, 512, 512); // Filling the canvas with the background color



// Drawing the garden with vibrant flowers

ctx.fillStyle = "#32CD32"; // Setting lime green as the flower color

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



ctx.fillStyle = "#FF69B4"; // Setting hot pink as the flower color

ctx.beginPath();

ctx.arc(100, 400, 30, 0, Math.PI * 2); // Drawing a flower

ctx.fill();



ctx.fillStyle = "#FFD700"; // Setting gold as the flower color

ctx.beginPath();

ctx.arc(200, 400, 20, 0, Math.PI * 2); // Drawing a flower

ctx.fill();



ctx.fillStyle = "#FF4500"; // Setting orange red as the flower color

ctx.beginPath();

ctx.arc(300, 400, 25, 0, Math.PI * 2); // Drawing a flower

ctx.fill();



ctx.fillStyle = "#9400D3"; // Setting dark violet as the flower color

ctx.beginPath();

ctx.arc(400, 400, 35, 0, Math.PI * 2); // Drawing a flower

ctx.fill();



// Drawing the royal princess with butterfly wings

ctx.fillStyle = "#FFC0CB"; // Setting pink as the princess color

ctx.beginPath();

ctx.arc(256, 300, 50, 0, Math.PI * 2); // Drawing the princess's body

ctx.fill();



ctx.fillStyle = "#FFD700"; // Setting gold as the wing color

ctx.beginPath();

ctx.moveTo(206, 300); // Starting point of the left wing

ctx.lineTo(256, 250); // Drawing the left wing

ctx.lineTo(306, 300); // Ending point of the left wing

ctx.closePath();

ctx.fill();



ctx.beginPath();

ctx.moveTo(206, 300); // Starting point of the right wing

ctx.lineTo(256, 350); // Drawing the right wing

ctx.lineTo(306, 300); // Ending point of the right wing

ctx.closePath();

ctx.fill();



// Drawing various butterflies surrounding the princess

ctx.fillStyle = "#FF69B4"; // Setting hot pink as the butterfly color

ctx.beginPath();

ctx.moveTo(150, 275); // Starting point of the butterfly body

ctx.lineTo(175, 225); // Drawing the butterfly body

ctx.lineTo(200, 275); // Ending point of the butterfly body

ctx.closePath();

ctx.fill();



ctx.fillStyle = "#FFD700"; // Setting gold as the butterfly color

ctx.beginPath();

ctx.moveTo(375, 275); // Starting point of the butterfly body

ctx.lineTo(400, 225); // Drawing the butterfly body

ctx.lineTo(425, 275); // Ending point of the butterfly body

ctx.closePath();

ctx.fill();



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

ctx.beginPath();

ctx.moveTo(50, 325); // Starting point of the butterfly body

ctx.lineTo(75, 275); // Drawing the butterfly body

ctx.lineTo(100, 325); // Ending point of the butterfly body

ctx.closePath();

ctx.fill();



ctx.fillStyle = "#9400D3"; // Setting dark violet as the butterfly color

ctx.beginPath();

ctx.moveTo(450, 325); // Starting point of the butterfly body

ctx.lineTo(475, 275); // Drawing the butterfly body

ctx.lineTo(500, 325); // Ending point of the butterfly body

ctx.closePath();

ctx.fill();



// Adding some action to the scene

ctx.strokeStyle = "#000000"; // Setting black as the stroke color

ctx.lineWidth = 3; // Setting the stroke width



ctx.beginPath();

ctx.moveTo(256, 300); // Starting point of the princess's flight

ctx.lineTo(256, 400); // Drawing the princess's flight path

ctx.stroke();



// Adding a funny comment because why not?

// Just imagine the princess saying, "Wheeeeeee! Flying like a butterfly is so much fun!"



// Checking for any errors... Nope, all good here!