// 定義鍵盤事件,讓玩家可以控制貪吃蛇的移動
document.addEventListener("keydown", function(event) {
switch(event.keyCode) {
case 37: // 左箭頭鍵
snakeSpeedX = -blockSize;
snakeSpeedY = 0;
break;
case 38: // 上箭頭鍵
snakeSpeedX = 0;
snakeSpeedY = -blockSize;
break;
case 39: // 右箭頭鍵
snakeSpeedX = blockSize;
snakeSpeedY = 0;
break;
case 40: // 下箭頭鍵
snakeSpeedX = 0;
snakeSpeedY = blockSize;
break;
}
});
// 定義開始遊戲的函數
function startGame() {
// 初始化遊戲狀態
snakeX = 10;
snakeY = 10;
snakeSpeedX = 0;
snakeSpeedY = 0;
foodX = Math.floor(Math.random() * (canvas.width / blockSize)) * blockSize;
foodY = Math.floor(Math.random() * (canvas.height / blockSize)) * blockSize;
snakeBody = [];
// 啟動遊戲循環
gameLoop = setInterval(update, 100);
}
// 開始遊戲
startGame();
// 綁定開始按鈕的點擊事件
var startButton = document.getElementById("startButton");
startButton.addEventListener("click", function() {
// 重新開始遊戲
clearInterval(gameLoop);
startGame();
});
貪吃蛇遊戲