// Cena 1: "Feliz, o Saltador Alegre"

// Title: "Feliz, o Saltador Alegre"



ctx.beginPath(); // Start drawing

ctx.fillStyle = "#FFD700"; // Set fill color to gold



// Draw Feliz's body

ctx.arc(256, 256, 100, 0, 2 * Math.PI); // Draw a circle for Feliz's body

ctx.fill(); // Fill the circle with gold color



// Draw Feliz's face

ctx.fillStyle = "#FF69B4"; // Set fill color to hot pink

ctx.beginPath();

ctx.arc(230, 230, 20, 0, 2 * Math.PI); // Draw left eye

ctx.fill(); // Fill left eye with hot pink color

ctx.beginPath();

ctx.arc(282, 230, 20, 0, 2 * Math.PI); // Draw right eye

ctx.fill(); // Fill right eye with hot pink color

ctx.beginPath();

ctx.arc(256, 280, 40, 0, Math.PI); // Draw smile

ctx.stroke(); // Stroke smile with default stroke color



// Draw Feliz's arms

ctx.strokeStyle = "#FFD700"; // Set stroke color to gold

ctx.lineWidth = 20; // Set stroke width to 20

ctx.lineCap = "round"; // Set line cap to round

ctx.beginPath();

ctx.moveTo(176, 296); // Start drawing left arm from left side of body

ctx.lineTo(336, 296); // Draw left arm to the right side of body

ctx.stroke(); // Stroke left arm with gold color

ctx.beginPath();

ctx.moveTo(176, 316); // Start drawing right arm from left side of body

ctx.lineTo(336, 316); // Draw right arm to the right side of body

ctx.stroke(); // Stroke right arm with gold color



// Draw Feliz's legs

ctx.beginPath();

ctx.moveTo(216, 376); // Start drawing left leg from bottom of body

ctx.lineTo(256, 436); // Draw left leg down

ctx.lineTo(296, 376); // Draw left leg back up

ctx.stroke(); // Stroke left leg with default stroke color

ctx.beginPath();

ctx.moveTo(216, 376); // Start drawing right leg from bottom of body

ctx.lineTo(256, 436); // Draw right leg down

ctx.lineTo(296, 376); // Draw right leg back up

ctx.stroke(); // Stroke right leg with default stroke color



// Energetic lines around Feliz

ctx.strokeStyle = "#FFD700"; // Set stroke color to gold

ctx.lineWidth = 2; // Set stroke width to 2

ctx.beginPath();

ctx.moveTo(176, 256); // Start drawing energetic lines from left side of body

ctx.lineTo(336, 256); // Draw energetic lines to the right side of body

ctx.moveTo(256, 176); // Start drawing energetic lines from top of body

ctx.lineTo(256, 336); // Draw energetic lines to the bottom of body

ctx.stroke(); // Stroke energetic lines with gold color



// Cena 2: "Triste, o Desanimado"

// Title: "Triste, o Desanimado"



// Draw Triste's body

ctx.fillStyle = "#4682B4"; // Set fill color to steel blue

ctx.beginPath();

ctx.arc(384, 384, 100, 0, 2 * Math.PI); // Draw a circle for Triste's body

ctx.fill(); // Fill the circle with steel blue color



// Draw Triste's face

ctx.fillStyle = "#000000"; // Set fill color to black

ctx.beginPath();

ctx.arc(358, 358, 20, 0, 2 * Math.PI); // Draw left eye

ctx.fill(); // Fill left eye with black color

ctx.beginPath();

ctx.arc(410, 358, 20, 0, 2 * Math.PI); // Draw right eye

ctx.fill(); // Fill right eye with black color

ctx.beginPath();

ctx.arc(384, 408, 40, 0, Math.PI); // Draw frown

ctx.stroke(); // Stroke frown with default stroke color



// Draw Triste's arms

ctx.strokeStyle = "#4682B4"; // Set stroke color to steel blue

ctx.lineWidth = 20; // Set stroke width to 20

ctx.lineCap = "round"; // Set line cap to round

ctx.beginPath();

ctx.moveTo(304, 376); // Start drawing left arm from left side of body

ctx.lineTo(464, 376); // Draw left arm to the right side of body

ctx.stroke(); // Stroke left arm with steel blue color

ctx.beginPath();

ctx.moveTo(304, 396); // Start drawing right arm from left side of body

ctx.lineTo(464, 396); // Draw right arm to the right side of body

ctx.stroke(); // Stroke right arm with steel blue color



// Draw Triste's legs

ctx.beginPath();

ctx.moveTo(344, 456); // Start drawing left leg from bottom of body

ctx.lineTo(384, 516); // Draw left leg down

ctx.lineTo(424, 456); // Draw left leg back up

ctx.stroke(); // Stroke left leg with default stroke color

ctx.beginPath();

ctx.moveTo(344, 456); // Start drawing right leg from bottom of body

ctx.lineTo(384, 516); // Draw right leg down

ctx.lineTo(424, 456); // Draw right leg back up

ctx.stroke(); // Stroke right leg with default stroke color



// Sad lines around Triste

ctx.strokeStyle = "#4682B4"; // Set stroke color to steel blue

ctx.lineWidth = 2; // Set stroke width to 2

ctx.beginPath();

ctx.moveTo(304, 384); // Start drawing sad lines from left side of body

ctx.lineTo(464, 384); // Draw sad lines to the right side of body

ctx.moveTo(384, 304); // Start drawing sad lines from top of body

ctx.lineTo(384, 464); // Draw sad lines to the bottom of body

ctx.stroke(); // Stroke sad lines with steel blue color



// The end... or is it?

// Comment: "Hope you enjoyed the show! Stay tuned for more adventures of Feliz and Triste."