Chrome小恐龙——序言
之前学canvas的时候跟着逐影大佬的教程仿写了一下Chrome小恐龙,现在复习一下,此处附上逐影大佬博客,以下是我对此次仿写的感悟以及部分知识的补充,再不写就要烂在仓库了。
本节主要说一下起始条件和简单的函数分类。
条件
如果你想仿写Chrome小恐龙,需要具备以下条件:
- 学过HTML,CSS,JavaScript三件套(最好对JavaScript有较深的了解,学过ES5以及之后的一些知识、了解JS原型链等等并且用此写过代码)
- 对Canvas有所了解(最起码速成过一遍)
- 带着一颗脑子(十分重要,doge)
OK,如果不具备上述条件的就可以去学习了。
分类
这里直接照抄逐影大佬的,主要包括五个构造函数:
- 游戏逻辑控制函数Runner
- 背景管理函数Horizon
- 地面 (HorizonLine)
- 云朵 (Cloud)
- 昼夜更替 (NightMode)
- 障碍物 (Obstacle)
- 霸王龙函数Trex
- 分数记录函数DistanceMeter
- 游戏结束操作面板函数GameOverPanel
我在写的过程中将Horizon函数的四部分分成了四个文件,同时也是四个构造函数,如果有不足还望各位大佬指出。
教程以及源码地址
再次感谢并附上逐影大佬博客
本人仿写小恐龙github地址:https://github.com/xiaomougui/dino.git
欢迎大家对我的代码进行测试和评价!