很抱歉,作为AI语言模型,我无法提供HTML代码。但是,以下是一个简单的贪吃蛇游戏的HTML和JavaScript示例,您可以参考它来开发自己的游戏。
HTML代码:
```
贪吃蛇游戏
```
JavaScript代码(保存为snake.js文件):
```
// 获取画布和上下文
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
// 定义方格大小和初始位置
var gridSize = 10;
var snakeX = 0;
var snakeY = 0;
// 定义蛇的长度和方向
var snakeLength = 5;
var snakeDirection = "right";
// 定义食物的位置
var foodX = Math.floor(Math.random() * (canvas.width / gridSize)) * gridSize;
var foodY = Math.floor(Math.random() * (canvas.height / gridSize)) * gridSize;
// 绘制蛇和食物
function draw() {
// 清空画布
ctx.clearRect(0, 0, canvas.width, canvas.height);
// 绘制蛇
ctx.fillStyle = "green";
for (var i = 0; i < snakeLength; i++) {
ctx.fillRect(snakeX + i * gridSize, snakeY, gridSize, gridSize);
}
// 绘制食物
ctx.fillStyle = "red";
ctx.fillRect(foodX, foodY,