// Title: "Miserable Captivity"



// Drawing a prison cell with a miserable atmosphere,

// symbolizing the longing for freedom and hope.



ctx.fillStyle = "#000"; // Setting the background color to black

ctx.fillRect(0, 0, 512, 512); // Filling the canvas with black



// Drawing the prison cell bars

ctx.fillStyle = "#444"; // Setting the bars color to dark gray

ctx.fillRect(128, 128, 256, 256); // Drawing the main bars



ctx.fillStyle = "#222"; // Setting the inner bars color to even darker gray

ctx.fillRect(160, 160, 192, 192); // Drawing the inner bars



// Drawing the prison cell door

ctx.fillStyle = "#666"; // Setting the door color to light gray

ctx.fillRect(336, 128, 48, 256); // Drawing the door



// Adding a small window to the prison cell

ctx.fillStyle = "#999"; // Setting the window color to gray

ctx.fillRect(160, 224, 64, 96); // Drawing the window



// Drawing the prisoner inside the cell

ctx.fillStyle = "#FF0000"; // Setting the prisoner color to red

ctx.fillRect(192, 288, 32, 32); // Drawing the body



ctx.fillStyle = "#FFCC00"; // Setting the face color to orange

ctx.beginPath(); // Starting the path for the face

ctx.arc(208, 304, 8, 0, 2 * Math.PI); // Drawing the face

ctx.fill(); // Filling the face



// Adding the word "FREEDOM" on the prison cell wall

ctx.fillStyle = "#FFF"; // Setting the text color to white

ctx.font = "bold 24px Arial"; // Setting the font style

ctx.fillText("FREEDOM", 200, 180); // Drawing the text



// Adding a small spider on the web in the corner

ctx.fillStyle = "#777"; // Setting the spider color to gray

ctx.beginPath(); // Starting the path for the spider body

ctx.arc(80, 80, 8, 0, 2 * Math.PI); // Drawing the spider body

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



ctx.strokeStyle = "#777"; // Setting the spider web color to gray

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

ctx.beginPath(); // Starting the path for the spider web

ctx.moveTo(80, 80); // Moving to the starting point

ctx.lineTo(160, 160); // Drawing the first web line

ctx.lineTo(80, 160); // Drawing the second web line

ctx.lineTo(80, 80); // Drawing the third web line

ctx.stroke(); // Drawing the spider web



// Adding a key near the cell door

ctx.fillStyle = "#FFCC00"; // Setting the key color to orange

ctx.beginPath(); // Starting the path for the key

ctx.moveTo(336, 352); // Moving to the starting point

ctx.lineTo(336, 400); // Drawing the first side of the key

ctx.lineTo(352, 400); // Drawing the top of the key

ctx.lineTo(352, 408); // Drawing the second side of the key

ctx.lineTo(344, 408); // Drawing the bottom of the key

ctx.lineTo(344, 400); // Drawing the third side of the key

ctx.lineTo(336, 400); // Drawing the last side of the key

ctx.closePath(); // Closing the path

ctx.fill(); // Filling the key



// Adding a touch of humor with a smiling sun outside the window

ctx.fillStyle = "#FFCC00"; // Setting the sun color to orange

ctx.beginPath(); // Starting the path for the sun

ctx.arc(192, 224, 32, 0, 2 * Math.PI); // Drawing the sun

ctx.fill(); // Filling the sun



ctx.fillStyle = "#FF0000"; // Setting the sun rays color to red

ctx.beginPath(); // Starting the path for the sun rays

ctx.moveTo(192, 192); // Moving to the starting point

ctx.lineTo(192, 256); // Drawing the first sun ray

ctx.moveTo(160, 224); // Moving to the starting point

ctx.lineTo(224, 224); // Drawing the second sun ray

ctx.moveTo(192, 192); // Moving to the starting point

ctx.lineTo(224, 256); // Drawing the third sun ray

ctx.moveTo(160, 224); // Moving to the starting point

ctx.lineTo(224, 192); // Drawing the fourth sun ray

ctx.stroke(); // Drawing the sun rays



// Adding some birds flying in the sky

ctx.fillStyle = "#FFF"; // Setting the bird color to white

ctx.beginPath(); // Starting the path for the first bird

ctx.moveTo(400, 80); // Moving to the starting point

ctx.lineTo(384, 72); // Drawing the first wing

ctx.lineTo(376, 80); // Drawing the body

ctx.lineTo(384, 88); // Drawing the second wing

ctx.closePath(); // Closing the path

ctx.fill(); // Filling the first bird



ctx.beginPath(); // Starting the path for the second bird

ctx.moveTo(424, 96); // Moving to the starting point

ctx.lineTo(408, 88); // Drawing the first wing

ctx.lineTo(400, 96); // Drawing the body

ctx.lineTo(408, 104); // Drawing the second wing

ctx.closePath(); // Closing the path

ctx.fill(); // Filling the second bird



// Adding a funny comment at the end because why not? 🤷‍♂️

// "The prisoner is just one bad joke away from escaping."