minecraft alex canvas

by Amanda Williamson

HTML

<canvas id="canvas" width="200" height="200"></canvas>

JavaScript

var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');

ctx.fillStyle = '#FFF7E4';
ctx.fillRect(0,0,160,160);

ctx.beginPath(0,0);
ctx.lineTo(0,0);
ctx.lineTo(0,80);
ctx.lineTo(60,80);
ctx.lineTo(60,60);
ctx.lineTo(80,60);
ctx.lineTo(80,40);
ctx.lineTo(120,40);
ctx.lineTo(120,60);
ctx.lineTo(140,60);
ctx.lineTo(140,80);
ctx.lineTo(160,80);
ctx.lineTo(160,0);
ctx.lineWidth = 1;
ctx.strokeStyle = '#F0BD48';
ctx.stroke();
ctx.fillStyle = '#F0BD48';
ctx.fill();

ctx.fillStyle = 'white';
ctx.fillRect(20,80,20,20);
ctx.fillStyle = 'green';
ctx.fillRect(40,80,20,20);

ctx.fillStyle = 'green';
ctx.fillRect(100,80,20,20);
ctx.fillStyle = 'white';
ctx.fillRect(120,80,20,20);

ctx.fillStyle = '#FFC6C6';
ctx.fillRect(60,120,40,20);