// Title: Cloudy Evening BBQ with Friends



// Draw the background sky

ctx.fillStyle = "#5F9EA0"; // Set the color to a lovely shade of light blue

ctx.fillRect(0, 0, 512, 512); // Fill the entire canvas with the sky



// Draw clouds

ctx.fillStyle = "#FFFFFF"; // Set the color to white for the clouds

ctx.beginPath(); // Start drawing the first cloud

ctx.arc(100, 100, 50, 0, Math.PI * 2); // Draw a cloud shape using arc

ctx.fill(); // Fill the cloud shape



ctx.beginPath(); // Start drawing the second cloud

ctx.arc(250, 150, 70, 0, Math.PI * 2); // Draw a bigger cloud shape

ctx.fill(); // Fill the cloud shape



ctx.beginPath(); // Start drawing the third cloud

ctx.arc(400, 100, 60, 0, Math.PI * 2); // Draw another cloud shape

ctx.fill(); // Fill the cloud shape



// Draw the BBQ grill

ctx.fillStyle = "#A9A9A9"; // Set the color to a dark shade of gray for the grill

ctx.fillRect(50, 350, 200, 30); // Draw the base of the grill

ctx.fillRect(80, 315, 140, 35); // Draw the top of the grill

ctx.fillStyle = "#FF0000"; // Set the color to red for the hot coals

ctx.fillRect(70, 360, 30, 20); // Draw the first hot coal

ctx.fillRect(120, 360, 30, 20); // Draw the second hot coal

ctx.fillRect(170, 360, 30, 20); // Draw the third hot coal



// Draw friends playing volleyball

ctx.fillStyle = "#FFD700"; // Set the color to a shiny gold for the sand

ctx.fillRect(0, 400, 512, 112); // Draw the sandy ground

ctx.fillStyle = "#000000"; // Set the color to black for the volleyball net

ctx.fillRect(256, 400, 2, 112); // Draw the volleyball net

ctx.fillStyle = "#FF4500"; // Set the color to orange for the volleyball

ctx.beginPath(); // Start drawing the volleyball

ctx.arc(256, 475, 15, 0, Math.PI * 2); // Draw a circle for the volleyball

ctx.fill(); // Fill the volleyball shape

ctx.fillStyle = "#000000"; // Set the color to black for the players

ctx.fillRect(200, 420, 30, 80); // Draw the first player

ctx.fillRect(280, 420, 30, 80); // Draw the second player



// Draw friends playing baseball

ctx.fillStyle = "#228B22"; // Set the color to a vibrant green for the grass

ctx.fillRect(0, 512, 512, 112); // Draw the grassy ground

ctx.fillStyle = "#FFD700"; // Set the color to a shiny gold for the baseball bat

ctx.fillRect(400, 460, 80, 20); // Draw the baseball bat

ctx.fillStyle = "#FF0000"; // Set the color to red for the baseball

ctx.beginPath(); // Start drawing the baseball

ctx.arc(450, 470, 15, 0, Math.PI * 2); // Draw a circle for the baseball

ctx.fill(); // Fill the baseball shape

ctx.fillStyle = "#000000"; // Set the color to black for the players

ctx.fillRect(100, 420, 30, 80); // Draw the first player

ctx.fillRect(180, 420, 30, 80); // Draw the second player



// Draw the beers

ctx.fillStyle = "#FFA500"; // Set the color to a rich orange for the beers

ctx.fillRect(20, 20, 30, 90); // Draw the first beer

ctx.fillRect(70, 20, 30, 90); // Draw the second beer

ctx.fillRect(120, 20, 30, 90); // Draw the third beer

ctx.fillRect(170, 20, 30, 90); // Draw the fourth beer

ctx.fillRect(220, 20, 30, 90); // Draw the fifth beer

ctx.fillRect(270, 20, 30, 90); // Draw the sixth beer

ctx.fillRect(320, 20, 30, 90); // Draw the seventh beer

ctx.fillRect(370, 20, 30, 90); // Draw the eighth beer

ctx.fillRect(420, 20, 30, 90); // Draw the ninth beer

ctx.fillRect(470, 20, 30, 90); // Draw the tenth beer



// Cheers to a fun evening!

// I hope no one gets too tipsy and hits the ball in the wrong direction!