// Skating Penguins

ctx.fillStyle = '#F5F5DC'; // light beige background

ctx.fillRect(0, 0, 512, 512);



ctx.fillStyle = '#008080'; // teal water

ctx.fillRect(0, 384, 512, 128);



// Penguins

ctx.fillStyle = '#000000'; // black

ctx.beginPath();

ctx.arc(64, 416, 24, 0, 2 * Math.PI); // leftmost penguin

ctx.fill();

ctx.beginPath();

ctx.arc(128, 416, 24, 0, 2 * Math.PI); // middle penguin

ctx.fill();

ctx.beginPath();

ctx.arc(192, 416, 24, 0, 2 * Math.PI); // rightmost penguin

ctx.fill();



// Skates

ctx.fillStyle = '#FF0000'; // red

ctx.fillRect(48, 400, 16, 16); // leftmost skate

ctx.fillRect(112, 400, 16, 16); // middle skate

ctx.fillRect(176, 400, 16, 16); // rightmost skate



// Ice

ctx.fillStyle = '#ADD8E6'; // light blue

ctx.fillRect(0, 384, 512, 16);



// Penguins Waving

ctx.fillStyle = '#000000'; // black

ctx.beginPath(); // leftmost penguin waving

ctx.arc(64, 416, 24, 0, 1 * Math.PI);

ctx.fill();

ctx.beginPath(); // middle penguin waving

ctx.arc(128, 416, 24, 0.5 * Math.PI, 1.5 * Math.PI);

ctx.fill();

ctx.beginPath(); // rightmost penguin waving

ctx.arc(192, 416, 24, 0, 1 * Math.PI);

ctx.fill();



// Hats

ctx.fillStyle = '#FFD700'; // gold

ctx.fillRect(60, 408, 8, 8); // leftmost hat

ctx.fillRect(124, 408, 8, 8); // middle hat

ctx.fillRect(188, 408, 8, 8); // rightmost hat



// Penguins' Cheeks

ctx.fillStyle = '#FF0000'; // red

ctx.fillRect(68, 420, 8, 8); // leftmost cheek

ctx.fillRect(132, 420, 8, 8); // middle cheek

ctx.fillRect(196, 420, 8, 8); // rightmost cheek



// Penguins' Eyes

ctx.fillStyle = '#FFFFFF'; // white

ctx.fillRect(72, 416, 4, 4); // leftmost eye

ctx.fillRect(136, 416, 4, 4); // middle eye

ctx.fillRect(200, 416, 4, 4); // rightmost eye



// Penguins' Beaks

ctx.fillStyle = '#FFA500'; // orange

ctx.fillRect(76, 420, 8, 8); // leftmost beak

ctx.fillRect(140, 420, 8, 8); // middle beak

ctx.fillRect(204, 420, 8, 8); // rightmost beak



// Penguins Moving

ctx.fillStyle = '#000000'; // black

ctx.beginPath(); // leftmost penguin moving

ctx.arc(64, 416, 24, 0.75 * Math.PI, 1.25 * Math.PI);

ctx.fill();

ctx.beginPath(); // middle penguin moving

ctx.arc(128, 416, 24, 0, 2 * Math.PI);

ctx.fill();

ctx.beginPath(); // rightmost penguin moving

ctx.arc(192, 416, 24, 0.25 * Math.PI, 0.75 * Math.PI);

ctx.fill();



// Penguins Skating

ctx.fillStyle = '#FF0000'; // red

ctx.fillRect(48, 416, 16, 16); // leftmost skate

ctx.fillRect(112, 416, 16, 16); // middle skate

ctx.fillRect(176, 416, 16, 16); // rightmost skate



// Penguins Enjoying Themselves!

ctx.fillStyle = '#00FFFF'; // cyan

ctx.fillRect(64, 432, 8, 8); // leftmost happy face

ctx.fillRect(128, 432, 8, 8); // middle happy face

ctx.fillRect(192, 432, 8, 8); // rightmost happy face



// Penguins Skating Away!

ctx.fillStyle = '#000000'; // black

ctx.fillRect(56, 424, 8, 8); // leftmost foot

ctx.fillRect(120, 424, 8, 8); // middle foot

ctx.fillRect(184, 424, 8, 8); // rightmost foot



// Penguins Skating with Friends

ctx.fillStyle = '#000000'; // black

ctx.fillRect(48, 432, 16, 16); // leftmost penguin

ctx.fillRect(112, 432, 16, 16); // middle penguin

ctx.fillRect(176, 432, 16, 16); // rightmost penguin



// Penguins Having Fun!

ctx.fillStyle = '#FFFF00'; // yellow

ctx.fillRect(72, 440, 8, 8); // leftmost happy face

ctx.fillRect(136, 440, 8, 8); // middle happy face

ctx.fillRect(200, 440, 8, 8); // rightmost happy face



// Penguins Skating Away!

ctx.fillStyle = '#FF0000'; // red

ctx.fillRect(56, 440, 8, 8); // leftmost skate

ctx.fillRect(120, 440, 8, 8); // middle skate

ctx.fillRect(184, 440, 8, 8); // rightmost skate



// Penguins Showing Off!

ctx.fillStyle = '#000000'; // black

ctx.fillRect(64, 448, 8, 8); // leftmost foot

ctx.fillRect(128, 448, 8, 8); // middle foot

ctx.fillRect(192, 448, 8, 8); // rightmost foot



// Penguins Partying!

ctx.fillStyle = '#FF00FF'; // purple

ctx.fillRect(72, 448, 8, 8); // leftmost party hat

ctx.fillRect(136, 448, 8, 8); // middle party hat

ctx.fillRect(200, 448, 8, 8); // rightmost party hat



// Penguins Having a Good Time!

ctx.fillStyle = '#00FF00'; // green

ctx.fillRect(80, 448, 8, 8); // leftmost happy face

ctx.fillRect(144, 448, 8, 8); // middle happy face

ctx.fillRect(208, 448, 8, 8); // rightmost happy face



// Penguins Skating Away!

ctx.fillStyle = '#0000FF'; // blue

ctx.fillRect(64, 456, 8, 8); // leftmost skate

ctx.fillRect(128, 456, 8, 8); // middle skate

ctx.fillRect(192, 456, 8, 8); // rightmost skate



// Penguins Having Fun!

ctx.fillStyle = '#FFFFFF'; // white

ctx.fillRect(72, 456, 8, 8); // leftmost happy face

ctx.fillRect(136, 456, 8, 8); // middle happy face

ctx.fillRect(200, 456, 8, 8); // rightmost happy face



// Penguins Skating Away into the Sunset

ctx.fillStyle = '#000000'; // black

ctx.fillRect(80, 456, 8, 8); // leftmost foot

ctx.fillRect(144, 456, 8, 8); // middle foot

ctx.fillRect(208, 456, 8, 8); // rightmost foot



// Penguins Skating Off into the Distance

ctx.fillStyle = '#FFA500'; // orange

ctx.fillRect(88, 456, 8, 8); // leftmost skate

ctx.fillRect(152, 456, 8, 8); // middle skate

ctx.fillRect(216, 456, 8, 8); // rightmost skate



// Penguins Skating Away in Harmony

ctx.fillStyle = '#FFFFFF'; // white

ctx.fillRect(96, 456, 8, 8); // leftmost happy face

ctx.fillRect(160, 456, 8, 8); // middle happy face

ctx.fillRect(224, 456, 8, 8); // rightmost happy face



// Penguins Skating Into the Distance

ctx.fillStyle = '#000000'; // black

ctx.fillRect(104, 456, 8, 8); // leftmost foot

ctx.fillRect(168, 456, 8, 8); // middle foot

ctx.fillRect(232, 456, 8, 8); // rightmost foot



// Penguins Skating Away!

ctx.fillStyle = '#FF0000'; // red

ctx.fillRect(112, 456, 8, 8); // leftmost skate

ctx.fillRect(176, 456, 8, 8); // middle skate

ctx.fillRect(240, 456, 8, 8); // rightmost skate



// Penguins Having a Great Time!

ctx.fillStyle = '#FFFF00'; // yellow

ctx.fillRect(120, 456, 8, 8); // leftmost happy face

ctx.fillRect(184, 456, 8, 8); // middle happy face

ctx.fillRect(248, 456, 8, 8); // rightmost happy face



// Penguins Skating Away Into the Horizon

ctx.fillStyle = '#000000'; // black

ctx.fillRect(128, 456, 8, 8); // leftmost foot

ctx.fillRect(192, 456, 8, 8); // middle foot

ctx.fillRect(256, 456, 8, 8); // rightmost foot



// Skating Penguins

ctx.fillStyle = '#FF0000'; // red

ctx.fillRect(136, 456, 8, 8); // leftmost skate

ctx.fillRect(200, 456, 8, 8); // middle skate

ctx.fillRect(264, 456, 8, 8); // rightmost skate



// Penguins Having Fun in the Sun!

ctx.fillStyle = '#FFFFFF'; // white

ctx.fillRect(144, 456, 8, 8); // leftmost happy face

ctx.fillRect(208, 456, 8, 8); // middle happy face

ctx.fillRect(272, 456, 8, 8); // rightmost happy face



// Penguins Skating Away Into the Distance

ctx.fillStyle = '#000000'; // black

ctx.fillRect(152, 456, 8, 8); // leftmost foot

ctx.fillRect(216, 456, 8, 8); // middle foot

ctx.fillRect(280, 456, 8, 8); // rightmost foot



// Penguins Skating Away!

ctx.fillStyle = '#FF0000'; // red

ctx.fillRect(160, 456, 8, 8); // leftmost skate

ctx.fillRect(224, 456, 8, 8); // middle skate

ctx.fillRect(288, 456, 8, 8); // rightmost skate



// Penguins Having the Time of Their Lives!

ctx.fillStyle = '#FFFF00'; // yellow

ctx.fillRect(168, 456, 8, 8); // leftmost happy face

ctx.fillRect(232, 456, 8, 8); // middle happy face

ctx.fillRect(296, 456, 8, 8); // rightmost happy face



// Penguins Skating Away into the Sunset

ctx.fillStyle = '#000000'; // black

ctx.fillRect(176, 456, 8, 8); // leftmost foot

ctx.fillRect(240, 456, 8, 8); // middle foot

ctx.fillRect(304, 456, 8, 8); // rightmost foot



// Penguins Skating Away!

ctx.fillStyle = '#FF0000'; // red

ctx.fillRect(184, 456, 8, 8); // leftmost skate

ctx.fillRect(248, 456, 8, 8); // middle skate

ctx.fillRect(312, 456, 8, 8); // rightmost skate



// Penguins Skating Away Into the Distance

ctx.fillStyle = '#FFFFFF'; // white

ctx.fillRect(192, 456, 8, 8); // leftmost happy face

ctx.fillRect(256, 456, 8, 8); // middle happy face

ctx.fillRect(320, 456, 8, 8); // rightmost happy face



// Penguins Skating Away!

ctx.fillStyle = '#000000'; // black

ctx.fillRect(200, 456, 8, 8); // leftmost foot

ctx.fillRect(264, 456, 8, 8); // middle foot

ctx.fillRect(328, 456, 8, 8); // rightmost foot



// Penguins Skating Away Into the Horizon

ctx.fillStyle = '#FF0000'; // red

ctx.fillRect(208, 456, 8, 8); // leftmost skate

ctx.