// Mountain Men Marching to a Fort

ctx.fillStyle = '#918f8f'; // dark gray

ctx.fillRect(0, 0, 512, 512); // draw backdrop



// draw fort

ctx.fillStyle = '#7e7b7b'; // light gray

ctx.fillRect(200, 100, 112, 80); // main building

ctx.fillRect(200, 180, 112, 40); // entrance

ctx.fillRect(292, 160, 20, 60); // door



// draw mountain men

ctx.fillStyle = '#e59500'; // skin tone

ctx.fillRect(20, 250, 60, 60); // first person

ctx.fillRect(110, 250, 60, 60); // second person

ctx.fillRect(200, 250, 60, 60); // third person

ctx.fillRect(290, 250, 60, 60); // fourth person

ctx.fillRect(380, 250, 60, 60); // fifth person



// draw the arms

ctx.fillStyle ='#008080'; // green

ctx.fillRect(60, 260, 50, 10); // first person's right arm

ctx.fillRect(50, 270, 10, 40); // first person's left arm

ctx.fillRect(150, 260, 50, 10); // second person's right arm

ctx.fillRect(140, 270, 10, 40); // second person's left arm

ctx.fillRect(240, 260, 50, 10); // third person's right arm

ctx.fillRect(230, 270, 10, 40); // third person's left arm

ctx.fillRect(330, 260, 50, 10); // fourth person's right arm

ctx.fillRect(320, 270, 10, 40); // fourth person's left arm

ctx.fillRect(420, 260, 50, 10); // fifth person's right arm

ctx.fillRect(410, 270, 10, 40); // fifth person's left arm



// draw the hats

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

ctx.fillRect(30, 230, 40, 10); // first person's hat

ctx.fillRect(120, 230, 40, 10); // second person's hat

ctx.fillRect(210, 230, 40, 10); // third person's hat

ctx.fillRect(300, 230, 40, 10); // fourth person's hat

ctx.fillRect(390, 230, 40, 10); // fifth person's hat



// draw the eyes

ctx.fillStyle = '#00bfff'; // blue

ctx.fillRect(50, 260, 10, 10); // first person's left eye

ctx.fillRect(60, 260, 10, 10); // first person's right eye

ctx.fillRect(140, 260, 10, 10); // second person's left eye

ctx.fillRect(150, 260, 10, 10); // second person's right eye

ctx.fillRect(230, 260, 10, 10); // third person's left eye

ctx.fillRect(240, 260, 10, 10); // third person's right eye

ctx.fillRect(320, 260, 10, 10); // fourth person's left eye

ctx.fillRect(330, 260, 10, 10); // fourth person's right eye

ctx.fillRect(410, 260, 10, 10); // fifth person's left eye

ctx.fillRect(420, 260, 10, 10); // fifth person's right eye



// draw the legs

ctx.fillStyle = '#008080'; // green

ctx.fillRect(50, 310, 10, 40); // first person's left leg

ctx.fillRect(60, 310, 10, 40); // first person's right leg

ctx.fillRect(140, 310, 10, 40); // second person's left leg

ctx.fillRect(150, 310, 10, 40); // second person's right leg

ctx.fillRect(230, 310, 10, 40); // third person's left leg

ctx.fillRect(240, 310, 10, 40); // third person's right leg

ctx.fillRect(320, 310, 10, 40); // fourth person's left leg

ctx.fillRect(330, 310, 10, 40); // fourth person's right leg

ctx.fillRect(410, 310, 10, 40); // fifth person's left leg

ctx.fillRect(420, 310, 10, 40); // fifth person's right leg



// draw the noses

ctx.fillStyle = '#e59500'; // skin tone

ctx.fillRect(55, 270, 10, 10); // first person's nose

ctx.fillRect(145, 270, 10, 10); // second person's nose

ctx.fillRect(235, 270, 10, 10); // third person's nose

ctx.fillRect(325, 270, 10, 10); // fourth person's nose

ctx.fillRect(415, 270, 10, 10); // fifth person's nose



// draw the mouths

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

ctx.fillRect(55, 280, 10, 10); // first person's mouth

ctx.fillRect(145, 280, 10, 10); // second person's mouth

ctx.fillRect(235, 280, 10, 10); // third person's mouth

ctx.fillRect(325, 280, 10, 10); // fourth person's mouth

ctx.fillRect(415, 280, 10, 10); // fifth person's mouth



// draw the guns

ctx.fillStyle = '#7e7b7b'; // light gray

ctx.fillRect(60, 300, 50, 10); // first person's gun

ctx.fillRect(150, 300, 50, 10); // second person's gun

ctx.fillRect(240, 300, 50, 10); // third person's gun

ctx.fillRect(330, 300, 50, 10); // fourth person's gun

ctx.fillRect(420, 300, 50, 10); // fifth person's gun



// draw the bullets

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

ctx.fillRect(60, 300, 10, 10); // first person's bullet

ctx.fillRect(150, 300, 10, 10); // second person's bullet

ctx.fillRect(240, 300, 10, 10); // third person's bullet

ctx.fillRect(330, 300, 10, 10); // fourth person's bullet

ctx.fillRect(420, 300, 10, 10); // fifth person's bullet



// Ready, aim, fire... into the fort!

// Time to get ready for a wild western showdown!