js笔记 demo篇 (三)原生js小游戏贪吃蛇

js笔记 demo篇 (二)原生js小游戏贪吃蛇

    • 源码与展示

自己学一些技术的时候,学了一段时间就想做点东西出来,找一找成就感今天这个小demo,就是我学习js一段时间之后找成就感的小demo,先给大家分解一下。

js笔记 demo篇 (三)原生js小游戏贪吃蛇_第1张图片
结构其实很简单,一个样式文件夹就一个css文件,首先因为东西本身就少,二是写死的样式非常少。
img不用说一些图片。然后就是src也是小demo中方最重要的文件夹。
tool中主要装了一些自己封装的小方法,例如继承呀之类的。
然后是game这里主要是对游戏的一些操作控制要用到的代码,对蛇的前进方向的控制呀,游戏的开始暂停之类的。
然后是ground顾名思义就是地板的生成呀之类的代码。init我这里写的偏配置一些,例如蛇的速度呀,每段蛇的长宽呀,这里还定义了,地板围墙以及每段蛇的祖先。和每种类型的分类,例如食物,蛇,地板。
snake,这里主要写的是蛇的一些,属性与方法,比如蛇可以走,可以吃,可以死等等。
square,这里是定义每个类型的方块实例化方法,例如毒药,食物,地板等类型的实例化方法。

源码与展示

gitHub地址:https://github.com/lifei5859/Gluttonous-Snake
demo演示地址:点击这里,体验贪吃蛇吧

你可能感兴趣的:(技术,js,JavaScript,js,JavaScript)