js代碼: 游戲的對象 ,食物,蛇 ,游戲控制思路如下 (完整代碼在https://github.com/774044859yf/ObjectSnakeGame下載) var snake = { ...
js代碼: 游戲的對象 ,食物,蛇 ,游戲控制思路如下 (完整代碼在https://github.com/774044859yf/ObjectSnakeGame下載)
var snake = {
aSnake: [],//添加蛇的數組 size: 20,//蛇的大小,每塊身體的size top: 200,//初始位置 left: 400,//初始位置 speed: 250,//初始速度 level: 1,//初始游戲等級 len: 3,//蛇身長度預設3個單位 direction: 'left',//方向預設向左走 create: function () {//創建初始蛇}, move: function () {//移動時 遍歷蛇的身體div 設置的位置等於前一個的位置 snake.check();//移動的時候時刻檢查是否撞到牆或自身
snake.eat();//移動時時刻檢查是否吃掉食物 }, check: function () {// 檢查蛇頭部的位置(死亡 吃東西)
}, grow: function () {//蛇吃東西增長方法
}, eat: function () {//吃東西方法
if(){//吃掉東西
snake.grow()
}
} };
由於食物會重覆調用 ,所以建成類,每次創建食物時new一下就行了
把類的方法添加在類的prototype對象下
function Food() {} Food.prototype.default = function () {//初始化食物的位置 }; Food.prototype.create = function () {//創建隨機生成的食物 };
根據需求創建游戲控制
var game = { inter: 'inter', init: function () {//根據自己的需求初始化游戲 var food = new Food(); food.default();//生成定位食物 snake.create();//生成蛇 }, start: function () {//蛇開始動 game.inter = setInterval(snake.move,snake.speed/snake.level); }, stop: function () { clearInterval(game.inter) } };
//調用游戲初始化 game.init();
初學js有什麼錯誤請見諒,歡迎您指出錯誤並提出建議 ,謝謝~