帮我写一个贪吃蛇游戏

xiao9469 · 发表于 2023-3-16 21:44:12

马上注册，免费下载更多dz插件网资源。

您需要登录才可以下载或查看，没有账号？立即注册

×

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>贪吃蛇游戏</title> <style> body { background: #f9f9f9; font-family: sans-serif; color: #333; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; margin: 0; padding: 0; } h1 { font-size: 3rem; margin: 0; padding: 0; margin-bottom: 1rem; } canvas { border: 1px solid #ddd; } </style> </head> <body> <h1>贪吃蛇游戏</h1> <canvas id="snake" width="400" height="400"></canvas> <script src="snake.js"></script> </body> </html>

复制代码

JavaScript 代码：

// 定义变量 var canvas = document.getElementById("snake"); var ctx = canvas.getContext("2d"); var snakeSize = 10; var w = 400; var h = 400; var score = 0; var snake; var food; var interval; // 初始化 function init() { snake = { body: [{x: 40, y: 40}, {x: 30, y: 40}, {x: 20, y: 40}], direction: "right" }; createFood(); } // 创建食物 function createFood() { food = { x: Math.floor(Math.random() * (w / snakeSize)) * snakeSize, y: Math.floor(Math.random() * (h / snakeSize)) * snakeSize }; } // 移动蛇 function moveSnake() { var head = {x: snake.body[0].x, y: snake.body[0].y}; // 根据方向改变头部坐标 if (snake.direction === "right") { head.x += snakeSize; } else if (snake.direction === "left") { head.x -= snakeSize; } else if (snake.direction === "up") { head.y -= snakeSize; } else if (snake.direction === "down") { head.y += snakeSize; } // 检测碰撞 if (head.x < 0 || head.x >= w || head.y < 0 || head.y >= h) { gameOver(); return; } for (var i = 0; i < snake.body.length; i++) { if (head.x === snake.body[i].x && head.y === snake.body[i].y) { gameOver(); return; } } // 如果吃到食物 if (head.x === food.x && head.y === food.y) { snake.body.unshift(head); score++; createFood(); } else { snake.body.pop(); snake.body.unshift(head); } // 渲染蛇和食物 ctx.clearRect(0, 0, w,

复制代码

©DZ插件网所发布的一切资源仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。
网站部分内容来源于网络，版权争议与本站无关。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，得到更好的正版服务。
您在本站任何的赞助购买、下载、查阅、回复等行为等均表示接受并同意签订《DZ插件网免责声明协议》。
如有侵权请邮件与我们联系处理: discuzaddons@vip.qq.com 并出示相关证明以便删除。敬请谅解！