// Fort Sam Houston

// A tribute to the historic military post in San Antonio, Texas



ctx.fillStyle = "#FFD700"; // Set the canvas background color to gold

ctx.fillRect(0, 0, 512, 512); // Draw a golden rectangle as the background



// Draw the main building of Fort Sam Houston

ctx.fillStyle = "#FFF"; // Set the fill color to white

ctx.fillRect(100, 100, 300, 300); // Draw a white rectangle for the main building



// Draw the roof of the main building

ctx.fillStyle = "#8B0000"; // Set the fill color to dark red

ctx.beginPath();

ctx.moveTo(100, 100); // Start at top-left corner of the building

ctx.lineTo(250, 50); // Draw a diagonal line to the middle of the top side

ctx.lineTo(400, 100); // Draw a diagonal line to the top-right corner of the building

ctx.closePath();

ctx.fill(); // Fill the roof shape with dark red



// Draw the entrance of the main building

ctx.fillStyle = "#8B0000"; // Set the fill color to dark red

ctx.fillRect(200, 250, 100, 150); // Draw a dark red rectangle for the entrance



// Draw the windows of the main building

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

ctx.fillRect(125, 150, 50, 50); // Draw a black square for the first window

ctx.fillRect(325, 150, 50, 50); // Draw a black square for the second window

ctx.fillRect(125, 250, 50, 50); // Draw a black square for the third window

ctx.fillRect(325, 250, 50, 50); // Draw a black square for the fourth window



// Draw the flagpole

ctx.strokeStyle = "#000"; // Set the stroke color to black

ctx.lineWidth = 4; // Set the line width to 4

ctx.beginPath();

ctx.moveTo(450, 120); // Start at the top of the building

ctx.lineTo(450, 20); // Draw a vertical line downwards

ctx.stroke(); // Stroke the path to draw the flagpole



// Draw the flag

ctx.fillStyle = "#0000FF"; // Set the fill color to blue

ctx.beginPath();

ctx.moveTo(450, 20); // Start at the top of the flagpole

ctx.lineTo(450, 70); // Draw a vertical line downwards

ctx.lineTo(400, 45); // Draw a diagonal line to the left

ctx.closePath();

ctx.fill(); // Fill the flag shape with blue



// Draw the stars on the flag

ctx.fillStyle = "#FFF"; // Set the fill color to white

ctx.beginPath();

ctx.moveTo(420, 30); // Start at the top-left position of the first star

ctx.lineTo(425, 45); // Draw a line to the right

ctx.lineTo(440, 45); // Draw a diagonal line downwards

ctx.lineTo(430, 50); // Draw a line to the left

ctx.lineTo(435, 65); // Draw a diagonal line upwards

ctx.lineTo(420, 55); // Draw a line to the left

ctx.lineTo(405, 65); // Draw a diagonal line upwards

ctx.lineTo(410, 50); // Draw a line to the right

ctx.lineTo(400, 45); // Draw a diagonal line downwards

ctx.closePath();

ctx.fill(); // Fill the first star shape with white



ctx.fillStyle = "#FFF"; // Set the fill color to white

ctx.beginPath();

ctx.moveTo(430, 55); // Start at the top-left position of the second star

ctx.lineTo(435, 70); // Draw a line to the right

ctx.lineTo(450, 70); // Draw a diagonal line downwards

ctx.lineTo(440, 75); // Draw a line to the left

ctx.lineTo(445, 90); // Draw a diagonal line upwards

ctx.lineTo(430, 80); // Draw a line to the left

ctx.lineTo(415, 90); // Draw a diagonal line upwards

ctx.lineTo(420, 75); // Draw a line to the right

ctx.lineTo(410, 70); // Draw a diagonal line downwards

ctx.closePath();

ctx.fill(); // Fill the second star shape with white



// Add some finishing touches

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

ctx.font = "20px Arial"; // Set the font style

ctx.fillText("Fort Sam Houston", 160, 480); // Add the text "Fort Sam Houston" at the bottom



// And we're done! A masterpiece honoring Fort Sam Houston.

// Now let's celebrate with some virtual ice cream! 🍦