Untitled

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>Tower Defense</title>
	</head>
	<body>
    <script type="text/javascript" src="game.js"></script>
	</body>
</html>


//Variables
var images = {};
var Ready = {};

//Create canvas
var canvas = document.createElement("canvas");
var ctx = canvas.getContext ("2D");
canvas.width = 960;
canvas.height = 600;
document.body.appendChild(canvas);

//Load images
loadImage("background");
loadImage("creep");

function loadImage(name) {
	images[name] = new Image();
	images[name].onload = function(){
		Ready[name] = true;
	}
	images[name].src ="images/" + name + ".png";
}

//Draw the images
function render(){
	if(Ready["background"]){
	ctx.drawImage(images["background"], 0, 0);
	}
	if(Ready["creep"]){
	ctx.drawImage(images["creep"], - 100, - 100);
	}
}

render();