JS로 작성된 스네이크 게임(개인연습)_자바스크립트 실력

JS 스네이크 게임 개인 연습용으로 여기에 넣어 백업해두세요

코드 복사 코드는 다음과 같습니다. JS贪吃蛇-练习 #pannel 테이블 { border-collapse: 축소; } #pannel 테이블 td { 테두리: 1px 솔리드 #808080; 너비: 10px; 높이: 10px; 글꼴 크기: 0; 줄 높이: 0; 오버플로: 숨김; } #pannel table .snake { 배경색: 녹색; } #pannel table .food { 배경색: 파란색; } var 방향 = 새 함수() { this.UP = 38; this.RIGHT = 39; this.DOWN = 40; this.LEFT = 37; }; var Common = 새 함수() { this.width = 20; /*平方向方格数*/ this.height = 20; /*垂直方向方格数*/ this.speed = 250; /*速島 值越小越快*/ this.workThread = null; }; var Main = 새 함수() { var control = 새 Control(); window.onload = function () { control.Init("pannel"); /*开始按钮*/ document.getElementById("btnStart").onclick = function () { control.Start(); this.disabled = true; document.getElementById("selSpeed").disabled = true; document.getElementById("selSize").disabled = true; }; /*调速島按钮*/ document.getElementById("selSpeed").onchange = function () { Common.speed = this.value; } /*调大小按钮*/ document.getElementById("selSize").onchange = function () { Common.width = this.value; 공통.높이 = this.value; control.Init("패널"); } }; }; /*控 제조사*/ function Control() { this.snake = new Snake(); this.food = 새로운 음식(); /*初始化函数，创建表格*/ this.Init = function (pid) { var html = []; html.push(" "); for (var y = 0; y html.push(" "); for (var x = 0; x html.push(' '); } html.push(" "); } html.push(" "); this.pannel = document.getElementById(pid); this.pannel.innerHTML = html.join(""); }; /*开始游戏 - 监听键盘, 创建food, 刷新界face线程*/ this.Start = function () { var me = this; this.MoveSnake = 함수(ev) { var evt = window.event || ev; me.snake.SetDir(evt.keyCode); }; try { document.attachEvent("onkeydown", this.MoveSnake); } catch (e) { document.addEventListener("keydown", this.MoveSnake, false); } this.food.Create(); Common.workThread = setInterval(function () { me.snake.Eat(me.food); me.snake.Move(); }, Common.speed); }; } /*蛇*/ function Snake() { this.isDone = false; this.dir = 방향.RIGHT; this.pos = new Array(new Position()); /*移动 - 擦除尾부,向前移动,判断游戏结束(咬到自己或者移take边界)*/ this.Move = function () { document.getElementById("box_" this .pos[0].X "_" this.pos[0].Y).className = ""; //所有 向前移动一步 for (var i = 0; i this.pos[i].X = this.pos[ 나는 1].X; this.pos[i].Y = this.pos[i 1].Y; } //중요한 새로운 정보 var head = this.pos[this.pos.length - 1]; 스위치(this.dir) { case Direction.UP: head.Y--; 휴식; 케이스 방향.RIGHT: head.X ; 휴식; case 방향.DOWN: head.Y ; 휴식; 케이스 방향.LEFT: head.X--; 휴식; } this.pos[this.pos.length - 1] = 머리; //遍历画蛇，同时判断游戏结束 for (var i = 0; i var isExits = false; for (var j = i 1; j if (this.pos[j].X == this.pos[i].X && this.pos[ j].Y == this.pos[i].Y) { isExits = true; 휴식; } if (isExits) { this.Over();/*咬自己*/ break; } var obj = document.getElementById("box_" this.pos[i].X "_" this.pos[i].Y); if (obj) obj.className = "뱀"; else { this.Over();/*移take边界*/ break; } } this.isDone = true; }; /*游戏结束*/ this.Over = function () { clearInterval(Common.workThread); alert("游戏结束!"); } /*吃식물*/ this.Eat = 함수(음식) { var head = this.pos[this.pos.length - 1]; var isEat = false; switch (this.dir) { case Direction.UP: if (head.X == food.pos.X && head.Y == food.pos.Y 1 ) isEat = true; break; case Direction.RIGHT: if (head.Y == food.pos.Y && head.X == food.pos.X - 1) isEat = true ; break; case Direction.DOWN: if (head.X == food.pos.X && head.Y == food.pos.Y - 1) isEat = true; break; case Direction.LEFT: if (head.Y == food.pos.Y && head.X == food.pos.X 1) isEat = break; } if (isEat) { this.pos[this.pos.length] = new Position(food.pos.X, food.pos.Y) food.Create(this.pos) ; } }; /*控system移动方向*/ this.SetDir = function (dir) { switch (dir) { case Direction.UP: if (this.isDone && this.dir != Direction.DOWN) { this.dir = dir; this.isDone = false } break; case Direction.RIGHT: if (this. isDone && this.dir != Direction.LEFT) { this.dir = dir this.isDone = false } break; case Direction.DOWN: if (this.isDone && this.dir != Direction.UP) { this.dir = dir; this.isDone = 거짓; } 휴식; case Direction.LEFT: if (this.isDone && this.dir != Direction.RIGHT) { this.dir = dir; this.isDone = 거짓; } 휴식; } }; } /*식물*/ function Food() { this.pos = new Position(); /*创建식생물 - 随机位置创建立*/ this.Create = function (pos) { document.getElementById("box_" this.pos.X "_" this.pos.Y) .className = ""; var x = 0, y = 0, isCover = false; /*排除蛇的位置*/ do { x =parseInt(Math.random() * (Common.width - 1)); y = parsInt(Math.random() * (Common.height - 1)); isCover = 거짓; if (pos 인스턴스of 배열) { for (var i = 0; i if (x == pos[i].X && y == pos[ i].Y) { isCover = true; 휴식; } } } } while (isCover); this.pos = 새 위치(x, y); document.getElementById("box_" x "_" y).className = "food"; }; } 함수 위치(x, y) { this.X = 0; this.Y = 0; if (arguments.length >= 1) this.X = x; if (arguments.length >= 2) this.Y = y; } 20*20 30*30 40*40 速島-慢 速島-中 速degree-快

JS로 작성된 스네이크 게임(개인연습)_자바스크립트 실력

관련 기사