Differences

This shows you the differences between two versions of the page.

--- javascript:labirintas [2016/12/05 21:13] – aistis
+++ javascript:labirintas [2016/12/06 00:10] (current) – aistis
@@ Line 2: / Line 2: @@
 <code html>
-<canvas id="myCanvas" width="500" height="500" style="border:1px solid #d3d3d3;">
+<canvas id="myCanvas" width="600" height="600">
 Your browser does not support the HTML5 canvas tag.</canvas>
 </code>
@@ Line 13: / Line 13: @@
 var img = new Image;
-img.src = "http://wiki.coderdojo.lt/lib/exe/fetch.php?media=javascript:20_by_20_orthogonal_maze.png";
+img.src = "http://wiki.coderdojo.lt/lib/exe/fetch.php?\
+media=javascript:20_by_20_orthogonal_maze.png";
 ctx.drawImage(img,0,0,600,600);
@@ Line 20: / Line 21: @@
 function refresh(){
 	ctx.clearRect(0, 0, c.width, c.height);
-    ctx.drawImage(img,0,0,600,600);
+	ctx.drawImage(img,0,0,600,600);
-    ctx.beginPath();
+	ctx.beginPath();
 	ctx.arc(x,y,1,0,2*Math.PI);
 	ctx.stroke();
@@ Line 28: / Line 29: @@
 function checkKey(e) {
-    e = e || window.event;
+	e = e || window.event;
-    if (e.keyCode == '38') y = y - step;
+	if (e.keyCode == '38') y = y - step;
-    else if (e.keyCode == '40') y = y + step;
+	else if (e.keyCode == '40') y = y + step;
-    else if (e.keyCode == '37') x = x - step;
+	else if (e.keyCode == '37') x = x - step;
-    else if (e.keyCode == '39') x = x + step;
+	else if (e.keyCode == '39') x = x + step;
-    if (x < 0) x = 0;
+	if (x < 0) x = 0;
-    if (y < 0) y = 0;
+	if (y < 0) y = 0;
-    if (x > 600) x = 600;
+	if (x > 600) x = 600;
-    if (y > 600) y = 600;
+	if (y > 600) y = 600;
 	refresh();
 }</code>