【原生js实现】吃掉病毒，还森林一片祥和

嗨！大家好！我是法医，一只治疗系前端码猿🐒，与代码对话，倾听它们心底的呼声，期待着大家的点赞👍与关注➕。

📌 游戏开始前，请容我感叹一声：掘金活动真多鸭！快卷不过来了，哈哈！😂，其实最近也一直在加班，眼看游戏投稿时间快过去了，当初真想做个小游戏出来参加活动，但一拖再拖，今天心一狠，一咬牙，一跺脚，开干吧！🙈

代码块

https://code.juejin.cn/pen/7088855593993109534

游戏介绍：

对，没错，今天带给大家的是经典贪吃蛇🐸游戏，因为让它吃掉的是病原体，所以标题叫:吃掉病毒，还森林一片安宁！这个游戏也寓意疫情早日过去，还人间一片祥和！🙆‍♀️

📢 游戏内容：

• 包含一张森林背景图
• 流光标题：俺是一条吃病毒滴蛇
• 开始游戏按钮、暂停以及播放按钮
• 蛇头、身体、开关以及病毒图标
• 游戏当前得分图片

📣 游戏玩法：

使用键盘：↑ ↓ ← →控制蛇的移动，空格键space控制游戏是否暂停，蛇头碰到四壁以及蛇身子游戏自动结束并得到当前得分，相信大家都玩过，哈哈！🤪

游戏设计

👉 HTML结构搭建

游戏整体布局这块是比较简单的，主要分为三个状态，只能有一个状态是显示的，其余需要隐藏