JAVASCRIPT - JavaScript Maze

JavaScript Maze

Compatibilidad: Ms Internet Explorer, Netscape
Una especie de laberinto en Javascript en el que, partiendo del punto más alto de un recuadro, se debe llegar al fondo.

[ Muestra el ejemplo práctico ]

el código para insertar en tu página

<script>
	var line = "";
	var x = 0;
	var y = 0;
	var fill="*";
	var blank = ".";
	var full = "*";

// Functions to create the board

function makeboard() {
	for (var i=1; i<= 10; i++)
		this[i] = new makeRow();
		return this;
}

function makeRow() {
	for (var i=1; i<= 10; i++)
		this[i]=blank;
		return this;
}

// Functions to fill & clear the board.

function clearBoard (form) {
	x = 0;
	y = 0;
	form.xval.value = 1;
	form.yval.value = 1;
	for (var i=1; i<= 10; i++)
		for (var j=1; j<= 10; j++)
			theBoard[i][j]=blank;
			plot_maze();	
			fillBoard(form);
			return;
}

function fillBoard (form) {
	line = "";
	form.grid.value = "";
	for (var i=1; i<= 10; i++)
		for (var j=1; j<= 10; j++)			
			line += theBoard[i][j];
			form.grid.value=line;
}

function update(form) {
	var horiz = eval(form.xval.value);
	var vert = eval(form.yval.value);
	theBoard[vert][horiz] = fill;
	fillBoard(form);
	return;
}

// Functions to handle the cross-hairs
function decx(form) {
	fill = blank;
	update(form);
	checkx = eval(form.xval.value - 1);
	checky = form.yval.value;
	if (form.xval.value > 1) {
		if (theBoard[checky][checkx] != "#") {
			form.xval.value=eval(form.xval.value - 1);
		}
	else {			
		alert("THUD!\nYou hit a wall.");	
		//linebreak	
	}
	
	if (theBoard[checky][checkx] == "$") {
		alert("YOU WIN!");

}	
	}	
	fill = full;
	update(form);
}

// Various Functions

function no (form) {
	alert("You can't change this value manually.\nPlease use the buttons.");
	clearBoard(form);
	update(form);
}

function plot_maze() {	
	theBoard[10][10] = "$";
	theBoard[1][2] = "#";
	theBoard[2][2] = "#";
	theBoard[4][1] = "#";
	theBoard[4][2] = "#";
	theBoard[4][3] = "#";
	theBoard[2][3] = "#";
	theBoard[5][2] = "#";
	theBoard[6][2] = "#";
	theBoard[2][5] = "#";
	theBoard[4][5] = "#";
	theBoard[5][5] = "#";
	theBoard[2][6] = "#";
	theBoard[2][7] = "#";
	theBoard[9][10] = "#";
	theBoard[9][9] = "#";
	theBoard[8][9] = "#";
	theBoard[7][9] = "#";
	theBoard[10][7] = "#";
	theBoard[9][7] = "#";
	theBoard[8][7] = "#";
	theBoard[6][7] = "#";
	theBoard[9][2] = "#";
	theBoard[9][3] = "#";
	theBoard[9][4] = "#";
	theBoard[8][2] = "#";
	theBoard[7][4] = "#";
	theBoard[7][5] = "#";
	theBoard[6][5] = "#";
	theBoard[5][7] = "#";
	theBoard[5][8] = "#";
	theBoard[5][9] = "#";
	theBoard[4][9] = "#";
}

// End of functions
theBoard = new makeboard();
plot_maze();
document.writeln('<center><font size=+2>JavaScript Maze</font>');
document.writeln('<p>\n<dd>Your player is represented by the "*" in the upper-left corner.');
document.writeln(' Use the buttons to move it around the maze.  The boxes will show your coordinates. Be careful not to hit any walls.');
document.writeln(' Reach the "$" in the lower-right to win. Press "Reset" to start over.<br><b>Good luck!</b><hr>\n<p>');
document.writeln('<form method="post" name="board">');
document.writeln('textarea name="grid" rows="9" cols="10" wrap=virtual>');
document.writeln('/textarea>');
document.writeln('<br>');

document.writeln("<input type='button' value='UP' onClick='decy(this.form)'><br>");
document.writeln("<input type='button' value='LEFT' onClick='decx(this.form)'><input type='button' value='RIGHT' onClick='incx(this.form)'><br>");
document.writeln("<input type='button' value='DOWN' onClick='incy(this.form)'><br>");
document.writeln("<input type='text' value='1' size=5 name='xval' onChange='no(this.form);'><input type='text' value='1' size=5 name='yval' onChange='no(this.form);'>");

//document.writeln("<br><input type='button' value='FIRE!' onClick='update(this.form);'>");

document.writeln("<br><input type='button' value='Reset' onClick='clearBoard(this.form);update(document.board);'>");
document.writeln('</form></center>');
document.writeln('</body>');
</script>

[Baja en un único archivo .zip, las imágenes y demás archivos necesarios
para el funcionamiento de los script de esta sección]