basic functionality of canvas

Em01 · Em01 · commit 99cb5abdea43 · 2015-03-24T20:36:00.000Z
diff --git a/canvasanimated/canvasanimation.hmtl b/canvasanimated/canvasanimation.hmtl
diff --git a/canvasanimated/canvasanimation.html b/canvasanimated/canvasanimation.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>Canvas Animation</title>
+</head>
+
+<body>
+	<canvas id="canvas" width="200" height="200"></canvas>
+
+ 	<script>
+ 	var canvas = document.getElementById("canvas");
+ 	var ctx = canvas.getContext("2d");
+
+ 	var position = 0;
+
+ 	setInterval(function () {
+ 		ctx.clearRect(0, 0, 200, 200);
+ 		ctx.fillRect(position, 0, 20, 20);
+
+ 		position++;
+ 		if (position > 200) {
+ 			position = 0;
+ 		}
+ 	}, 30);
+ 	</script>
+</body>
+</html>
diff --git a/treasuregamejs/treasure.html b/treasuregamejs/treasure.html
@@ -7,7 +7,7 @@
 <body>
 	<h1 id="heading">Find the buried treasure!</h1>
 
-	<img id="map" width=400 height=400
+	<img id="map" width=1500 height=1000
 		src="http://nostarch.com/images/treasuremap.png">
 
 	<p id="distance"></p>
