Now we can enjoy a rainy day in summer, with a happy sun and colorful umbrellas!
Remember to grab your raincoat and enjoy the refreshing raindrops! 😄
Javascript Code
// Rainy Day in Summer
// Creating a blue sky background
ctx.fillStyle = "#87CEEB"; // Setting the fill color to sky blue
ctx.fillRect(0, 0, 512, 512); // Creating a rectangle to represent the sky
// Drawing raindrops
ctx.strokeStyle = "#0000FF"; // Setting the stroke color to blue
// First raindrop
ctx.beginPath();
ctx.moveTo(100, 100); // Starting point of the raindrop
ctx.lineTo(110, 120); // Drawing the raindrop shape
ctx.lineTo(90, 120);
ctx.closePath();
ctx.stroke(); // Drawing the raindrop
// Second raindrop
ctx.beginPath();
ctx.moveTo(200, 150);
ctx.lineTo(210, 170);
ctx.lineTo(190, 170);
ctx.closePath();
ctx.stroke();
// Third raindrop
ctx.beginPath();
ctx.moveTo(300, 200);
ctx.lineTo(310, 220);
ctx.lineTo(290, 220);
ctx.closePath();
ctx.stroke();
// Drawing umbrellas
ctx.fillStyle = "#FF0000"; // Setting the fill color to red
// First umbrella
ctx.beginPath();
ctx.moveTo(100, 400); // Starting point of the umbrella
ctx.lineTo(140, 400); // Drawing the umbrella handle
ctx.lineTo(120, 340); // Drawing the umbrella canopy
ctx.closePath();
ctx.fill(); // Filling the umbrella with red color
// Second umbrella
ctx.beginPath();
ctx.moveTo(300, 400);
ctx.lineTo(340, 400);
ctx.lineTo(320, 340);
ctx.closePath();
ctx.fill();
// Drawing puddles
ctx.fillStyle = "#0000FF"; // Setting the fill color to blue
// First puddle
ctx.beginPath();
ctx.arc(120, 450, 30, 0, Math.PI * 2, false); // Drawing a circle representing a puddle
ctx.closePath();
ctx.fill(); // Filling the puddle with blue color
// Second puddle
ctx.beginPath();
ctx.arc(320, 450, 30, 0, Math.PI * 2, false);
ctx.closePath();
ctx.fill();
// Adding raindrops falling from the sky
ctx.fillStyle = "#0000FF"; // Setting the fill color to blue
for (let i = 0; i < 100; i++) {
let x = Math.random() * 512; // Random x-coordinate for the raindrop
let y = Math.random() * 512; // Random y-coordinate for the raindrop
ctx.fillRect(x, y, 2, 10); // Drawing a small rectangle to represent a raindrop
}
// Feeling the summer vibes with a splash of sunshine
ctx.fillStyle = "#FFFF00"; // Setting the fill color to yellow
ctx.beginPath();
ctx.arc(256, 256, 100, 0, Math.PI * 2, false); // Drawing a circle representing the sun
ctx.closePath();
ctx.fill(); // Filling the sun with yellow color
// Adding a smiley face to the sun for extra happiness
ctx.fillStyle = "#FF0000"; // Setting the fill color to red
ctx.beginPath();
ctx.arc(226, 236, 10, 0, Math.PI * 2, false); // Drawing the left eye
ctx.closePath();
ctx.fill();
ctx.beginPath();
ctx.arc(286, 236, 10, 0, Math.PI * 2, false); // Drawing the right eye
ctx.closePath();
ctx.fill();
ctx.beginPath();
ctx.arc(256, 276, 30, 0, Math.PI, false); // Drawing the smile
ctx.closePath();
ctx.fill();
// Now we can enjoy a rainy day in summer, with a happy sun and colorful umbrellas!
// Remember to grab your raincoat and enjoy the refreshing raindrops! 😄
AI
Model: gpt-3.5-turbo-16k-0613
Time: 71 seconds
Prompt Tokens: 179
Completion Tokens: 797
Total Token Cost: 976
balloon party
beautiful beach
cute puppy dog
happy cat
house