js 實現貪吃蛇專案

2021-09-11 03:15:48 字數 1978 閱讀 3271

近來在學習js高階,便學習著做個網頁版貪吃蛇專案。

#map

tools.js

(function ()

}window.tools = tools;

})()

food.js

(function () 

game.prototype.start = function ()

function runsnake()

if(heady < 0 || heady >= maxy)

},150)

}function bindkey()})}

window.game = game;

}) ()

/*var map = document.getelementbyid('map');

var game = new game(map);

game.start();*/

snake.js

(function () ;

this.width = e.width || 20;

this.height = e.height || 20;

this.direction = e.direction || 'right';

//蛇身

this.body = [,,

];}

snake.prototype.render = function (map)

}snake.prototype.move = function(food,map)

//蛇頭的移動方向

var head = this.body[0];

switch (this.direction)

//判斷是否吃到食物(食物座標與蛇頭座標是否相同)

var headx = head.x * this.width;

var heady = head.y * this.height;

if (headx === food.x && heady === food.y) )

//食物消失再隨機生成

food.render(map);}}

function remove()

}window.snake = snake;

})()

//呼叫

/*var map = document.getelementbyid('map');

var snake = new snake();

snake.render(map);*/

/*snake.move();

snake.render(map);

snake.move();

snake.render(map);

snake.move();

snake.render(map);

snake.move();

snake.render(map);*/

game.js(

function () 

game.prototype.start = function ()

function runsnake()

if(heady < 0 || heady >= maxy)

},150)

}function bindkey()})}

window.game = game;

}) ()

/*var map = document.getelementbyid('map');

var game = new game(map);

game.start();*/

main.js

(function () )()
**已經整理完,後期還可以繼續壓縮完善。

實現貪吃蛇

貪吃蛇 1.它的移動我們採用頭部加乙個尾巴減乙個 2.我們將view的大小分成很多個格仔 3.蛇的移動是以乙個格仔為單位 created by administrator on 2016 10 11.public class gameview extends view public gameview...

js 實現貪吃蛇遊戲效果

用div模擬遊戲畫面範圍,食物,以及貪吃蛇。限定食物出現的時機 為隨機出現。俺不能超出畫面範圍。限定貪吃蛇遊走範圍 限定遊戲規則 1,貪吃蛇,超出畫面範圍遊戲結束。2,貪吃蛇,撞到自己遊戲結束。class map createele px height px background margin 0 ...

QT專案 貪吃蛇

學習qt之後便找了貪吃蛇這個小專案來練習,因為沒有使用ui,因此在繪製方面工程量較大 首先了解貪吃蛇的遊戲邏輯 1.食物隨機出現,蛇頭與蛇尾隨機 完成遊戲初始化 2.蛇碰到食物蛇身變長 3.不按鍵時蛇按照當前方向前進 4.按鍵轉向 5.蛇觸碰到自己和邊緣遊戲結束 第一階段初步完成時,完成情況如下 第...