wiki.raudys.com

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.

Labirintą taip pat galima padaryti su JavaScript. Čia pateikiu kodą kuris paišo labirintą ir judina kursorių, dar reikia pridėti tikrinima kad neleistu eiti jeigu lieti juodą sieną.

<code html>
<canvas id="myCanvas" width="600" height="600">
Your browser does not support the HTML5 canvas tag.</canvas>
</code>

<code javascript>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");

var x = 50, y = 50, step = 5;

var img = new Image;
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); 

document.onkeydown = checkKey;

function refresh(){
	ctx.clearRect(0, 0, c.width, c.height);
	ctx.drawImage(img,0,0,600,600); 
	ctx.beginPath();
	ctx.arc(x,y,1,0,2*Math.PI);
	ctx.stroke();
}

function checkKey(e) {

	e = e || window.event;

	if (e.keyCode == '38') y = y - step;
	else if (e.keyCode == '40') y = y + step;
	else if (e.keyCode == '37') x = x - step;
	else if (e.keyCode == '39') x = x + step;

	if (x < 0) x = 0;
	if (y < 0) y = 0;
	if (x > 600) x = 600;
	if (y > 600) y = 600;
	refresh();
}</code>


Labirintas:

{{:javascript:20_by_20_orthogonal_maze.png}}