jQuery是一款非常流行的JavaScript庫,使用它能夠方便地操作HTML文檔,實現許多有趣的效果。其中,用jQuery實現貪吃蛇游戲是一件非常有趣的事情。
// 定義貪吃蛇對象 var snake = { body: [], // 蛇身 direction: null, // 移動方向 // 初始化方法 init: function() { // 創建蛇頭,放在(x, y)坐標為(10, 10)的位置 this.body.push({x:10, y:10}); // 創建初始長度為3的蛇身 this.body.push({x:9, y:10}); this.body.push({x:8, y:10}); // 初始化蛇的移動方向 this.direction = "right"; }, // 移動方法 move: function() { // 獲取蛇頭的坐標 var head = this.body[0]; // 根據移動方向更新蛇頭坐標 if (this.direction == "left") { this.body.unshift({x: head.x-1, y: head.y}); } else if (this.direction == "right") { this.body.unshift({x: head.x+1, y: head.y}); } else if (this.direction == "up") { this.body.unshift({x: head.x, y: head.y-1}); } else if (this.direction == "down") { this.body.unshift({x: head.x, y: head.y+1}); } // 刪除蛇尾 this.body.pop(); } }; // 初始化貪吃蛇 snake.init(); // 定時器,每100毫秒調用一次移動方法 setInterval(function(){ snake.move(); }, 100);
以上代碼是一個簡單的貪吃蛇實現,其中定義了一個snake對象,包含了貪吃蛇的身體和移動方法。在初始化方法中,定義了初始蛇頭和蛇身,并初始化了蛇的移動方向。在移動方法中,根據移動方向更新蛇頭坐標,并刪除蛇尾。在主函數中,調用了初始化方法并設置了定時器,來實現貪吃蛇的運動。
上一篇css怎么禁止鼠標滾輪
下一篇css怎么沒有邊框