花两天时间用js写了一个贪吃蛇小游戏，代码我复制在评论区 - html5吧

level 3

夜晚的狩猎人77 楼主

花两天时间用js写了一个贪吃蛇小游戏，代码我复制在评论区

2020年05月25日 13点05分 1

level 1

纯爱赛高-º

代码北区吞了

2020年06月08日 08点06分 3

level 1

纯爱赛高-º

被

2020年06月08日 08点06分 4

level 1

万世河山

被吞了，暴风哭泣

2020年06月08日 09点06分 5

level 1

清幽梧桐苑

我这也有我自己写的贪吃蛇

2022年07月19日 02点07分 6

清幽梧桐苑

有要的吗(可能有bug暂时没发现)

2022年07月19日 02点07分

level 1

清幽梧桐苑

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>贪吃蛇重构</title>
<style>
#mubu {
width: 400px;
height: 400px;
margin: 0 auto;
}
div{
width: 100px;
height: 70px;
margin: 0 auto;
}
#fuwei{
width: 100px;
height: 70px;
margin: 0 auto;
}
</style>
</head>
<body>
<div>分数为:<span id="fenshu" >-1</span>分</div>
<div id="mubu"><canvas id="can" width="400px" height="400px" style="background-color: black">对不起,您的浏览器不支持canvas</canvas></div>
<script>
var snake = [41, 40],
direction = 1,
food = 43,
n,
box = document.getElementById('can').getContext('2d');
function draw(seat, color) {
网页链接 = color;
box.fillRect(seat % 20 * 20 + 1, ~~(seat / 20) * 20 + 1, 18, 18);
}
网页链接 = function (evt) {
direction = snake[1] - snake[0] == (n = [-1, -20, 1, 20][(evt || event).keyCode - 37] || direction) ? direction : n;
};
!function () {
snake.unshift(n = snake[0] + direction);
if (snake.indexOf(n, 1) > 0 || n < 0 || n > 399 || direction == 1 && n % 20 == 0 || direction == -1 && n % 20 == 19) {
return alert("GAME OVER!");
}
draw(n, "lime");
if (n == food) {
while (snake.indexOf(food = parseInt(Math.random() * 400)) > 0);
draw(food, "yellow");
document.getElementById("fenshu").innerHTML++;
} else {
draw(snake.pop(), "black");
}
setTimeout(argument

2022年07月19日 02点07分 7

清幽梧桐苑

第一个显示网页链接的是box.fillStyl(e)把括号去掉第二个显示网页链接的是document.onkey(down)去掉括号

2022年07月19日 02点07分

level 1

清幽梧桐苑

显示网页链接的地方在代码段的回复中

2022年07月19日 02点07分 8