JavaScript实现贪吃蛇小游戏(网页单机版)

今天使用 JavaScript 实现了一个网页版的贪吃蛇小游戏。

项目地址

项目介绍

游戏开始

使用浏览器打开 snake.html 文件,可以看到小游戏的主界面。

在这里插入图片描述

按下键盘回车键,即可开始游戏,使用键盘的上、下、左、右四个方向键,即可控制贪吃蛇移动。

在这里插入图片描述

游戏暂停

在游戏中,重新按下回车键,即可暂停游戏。

在这里插入图片描述

游戏模式

游戏一共有两种模式:

  • 正常模式:该模式中迷宫墙体为真实墙体,贪吃蛇触之即死。

  • 无限模式:该模式下迷宫墙体为时空间隙,贪吃蛇撞墙后,会从墙体的另一边穿越过来。

游戏模式可以通过修改 snake.html 文件中的 CYCLE 布尔常量值来修改。

模式CYCLE
正常模式false
无限模式true

游戏死亡

模式死亡原因
正常模式撞墙、咬到自己的身体
无限模式咬到自己的身体

在这里插入图片描述

重新开始

在任意情况下,只要按下键盘 F5 键,即可刷新网页小游戏,重新开始。

结尾

对项目有兴趣的同学可以从 Github 或者 Gitee 上进行下载,也欢迎其他同学为项目提供 PR。
如果你喜欢这个项目,欢迎 Star

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值