various-projects/pocedur.html at master · DomasB/various-projects · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<html>
<head>
	<script src="jquery-2.1.1.min.js"></script>
	<script>
		var roomx = [];
		var roomy = [];
		$( document ).ready(function() {
			for(var x=0; x< ($( window ).width()/20)-1; x++) {
				roomy=[];
				for(var y=0; y<($( window ).height()/20)-1; y++) {
					var p = Math.floor((Math.random() * 2) + 1)

					if (p==1) {
						$("body").append("<div id='"+x+"a"+y+"' class='green' style = 'left:"+x*20+"px; top:"+y*20+"px' ></div>");
						roomy[y]="green";
					} else {
						$("body").append("<div id='"+x+"a"+y+"' class='brown' style = 'left:"+x*20+"px; top:"+y*20+"px' ></div>");
						roomy[y]="brown";
					}


				};
				roomx[x]=roomy;


			};

			for(var x=0; x<roomx.length; x++) {
				for(var y=0; y<roomx[x].length; y++) {
					var a=0;
					 if(x-1>=0&&y-1>=0&&x+1<roomx.length&&y+1<roomx[x].length) {
						if(roomx[x+1][y+1]=="brown") a++;
						if(roomx[x-1][y-1]=="brown") a++;
						if(roomx[x-1][y+1]=="brown") a++;
						if(roomx[x+1][y-1]=="brown") a++;
						if(roomx[x][y+1]=="brown") a++;
						if(roomx[x][y-1]=="brown") a++;
						if(roomx[x-1][y]=="brown") a++;
						if(roomx[x+1][y]=="brown") a++;
						if(a>4){$("#"+x+"a"+y).removeClass("brown").addClass("green"); roomx[x][y]="green"};
					};
				};
			};
		$("#0a0").removeClass("brown").removeClass("green").addClass("blue");
		var a=0;
		var b=0;
		$("body").keydown( function(e) {
			var c = a;
			var d = b;
			if(e.keyCode==38) b--;
			if(e.keyCode==40) b++;
			if(e.keyCode==37) a--;
			if(e.keyCode==39) a++;
			if(a>=0 && b>=0 && a<roomx.length && b <roomx[a].length && roomx[a][b] != "brown") {$("#"+c+"a"+d).removeClass("blue").addClass("green"); $("#"+a+"a"+b).removeClass("green").addClass("blue")} else {
			a=c;
			b=d;
			};
			console.log(a+" "+b+" "+c+" "+d);
		});
		});


	</script>
	<style>
		.brown {
		border:solid 1px;
		width:18px;
		height:18px;
		background:brown;
		}
		.blue {
		border:solid 1px;
		width:18px;
		height:18px;
		background:blue;
		}
		.green {
		width:19px;
		height:19px;
		background:green;
		}

		div {
		position:absolute;
		}
	</style>
</head>
<body>
</body>
</html>