Chrome小恐龙——序言

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

​ 欢迎大家对我的代码进行测试和评价！