// Tower in Water



// Setting up canvas



// Drawing the tower

ctx.fillStyle = '#808080'; // Gray color for the tower

ctx.fillRect(200, 200, 112, 272); // Drawing the tower body



// Drawing the tower top

ctx.fillStyle = '#FFCC00'; // Yellow color for the top

ctx.beginPath();

ctx.moveTo(200, 200); // Starting point of the tower top

ctx.lineTo(256, 100); // First point of the triangle

ctx.lineTo(312, 200); // Second point of the triangle

ctx.closePath(); // Closing the path

ctx.fill(); // Filling the triangle



// Drawing the water

ctx.fillStyle = '#3399FF'; // Blue color for the water

ctx.fillRect(0, 472, 512, 40); // Drawing the water body



// Adding some waves to the water

ctx.strokeStyle = '#FFFFFF'; // White color for the waves

ctx.lineWidth = 2; // Setting the line width

ctx.beginPath();

for (let i = 0; i < 512; i += 20) {

  ctx.moveTo(i, 480); // Starting point of each wave

  ctx.lineTo(i + 10, 488); // First point of the wave

  ctx.lineTo(i + 20, 480); // Second point of the wave

}

ctx.stroke(); // Drawing the waves



// Adding some happy fish swimming in the water

ctx.fillStyle = '#FF69B4'; // Pink color for the fish

ctx.beginPath();

ctx.arc(100, 500, 20, 0, Math.PI * 2); // Drawing the fish body

ctx.fill(); // Filling the fish body



ctx.fillStyle = '#FFFFFF'; // White color for the fish eye

ctx.beginPath();

ctx.arc(108, 492, 4, 0, Math.PI * 2); // Drawing the fish eye

ctx.fill(); // Filling the fish eye



ctx.strokeStyle = '#FF69B4'; // Pink color for the fish lips

ctx.lineWidth = 2; // Setting the line width

ctx.beginPath();

ctx.moveTo(90, 510); // Starting point of the fish lips

ctx.lineTo(100, 515); // First point of the fish lips

ctx.lineTo(110, 510); // Second point of the fish lips

ctx.stroke(); // Drawing the fish lips



// Adding a happy sun in the sky

ctx.fillStyle = '#FFFF00'; // Yellow color for the sun

ctx.beginPath();

ctx.arc(450, 60, 40, 0, Math.PI * 2); // Drawing the sun

ctx.fill(); // Filling the sun



ctx.fillStyle = '#FFCC00'; // Yellow color for the sun rays

ctx.beginPath();

ctx.moveTo(450, 20); // Starting point of the sun rays

ctx.lineTo(450, 100); // First point of the sun rays

ctx.lineTo(420, 60); // Second point of the sun rays

ctx.lineTo(480, 60); // Third point of the sun rays

ctx.closePath(); // Closing the path

ctx.fill(); // Filling the sun rays



// Adding some happy clouds in the sky

ctx.fillStyle = '#FFFFFF'; // White color for the clouds

ctx.beginPath();

ctx.arc(100, 80, 30, 0, Math.PI * 2); // Drawing the first cloud

ctx.arc(140, 80, 30, 0, Math.PI * 2); // Drawing the second cloud

ctx.arc(120, 100, 30, 0, Math.PI * 2); // Drawing the third cloud

ctx.fill(); // Filling the clouds



// Adding a happy bird flying in the sky

ctx.fillStyle = '#FF0000'; // Red color for the bird

ctx.beginPath();

ctx.moveTo(200, 100); // Starting point of the bird

ctx.lineTo(220, 90); // First point of the bird

ctx.lineTo(230, 100); // Second point of the bird

ctx.lineTo(220, 110); // Third point of the bird

ctx.closePath(); // Closing the path

ctx.fill(); // Filling the bird



// Adding a happy fisherman on the tower

ctx.fillStyle = '#0000FF'; // Blue color for the fisherman

ctx.fillRect(200, 408, 20, 40); // Drawing the fisherman body



ctx.fillStyle = '#FFCC00'; // Yellow color for the fisherman head

ctx.beginPath();

ctx.arc(210, 398, 10, 0, Math.PI * 2); // Drawing the fisherman head

ctx.fill(); // Filling the fisherman head



ctx.strokeStyle = '#000000'; // Black color for the fisherman fishing rod

ctx.lineWidth = 2; // Setting the line width

ctx.beginPath();

ctx.moveTo(210, 398); // Starting point of the fishing rod

ctx.lineTo(250, 350); // First point of the fishing rod

ctx.lineTo(250, 320); // Second point of the fishing rod

ctx.stroke(); // Drawing the fishing rod





// Double checking my work, no errors found! Yay!