⾕歌断⽹⼩游戏代码粗略解析
当我们使⽤⾕歌浏览器时，碰到断⽹的情况，就会看到⼀个⼩恐龙加上断⽹提⽰语的界⾯。
⼀般情况下看到这个界⾯我们会下意识去解决⽹络问题，但是当你按下空格键，你就会发现⼀个新⼤陆。
⼩恐龙会在空格键按下后开始跳跃，并且右边的界⾯会像画幅⼀样展开。随即⼩恐龙开始奔跑在⼀⽚看不到尽头的沙漠中，画⾯中会随机出现仙⼈球树和翼龙，玩家需要做的是通过空格键和下键控制⼩恐龙避开障碍物，⼀直前进。
这个⼩游戏从2014年9⽉发布以来就受到了很多⼈得喜爱，⽬前为⽌有超过2.7亿的⽉活量。如此⼩巧精致的⼀个游戏，想必其实现⽅式也会很有意思。
为此，我在github上⾯到了这个游戏的源代码。
这个游戏由javascript脚本语⾔进⾏实现，通过嵌⼊到html页⾯中来运⾏。
可以看到，源码⽂件结构⼀⽬了然：
手机游戏源码论坛
其中assets是图⽚中各个元素的图⽚资源⽂件，js代码会根据代码中配置的坐标获取到具体的图⽚内容。
index.css是⽹页的页⾯布局配置⽂件。
index.html是⽹页的源⽂件。
index.js是⼩恐龙游戏的逻辑实现源⽂件。
按照代码顺序，源代码中依次出现的对象列表如下：
Runner：游戏逻辑控制
GameOverPanel：游戏结束页⾯逻辑
Obstacle：障碍物的处理逻辑
Trex：⼩恐龙相关逻辑处理
DistanceMeter：游戏记录逻辑处理
Cloud：随机⽣成的云朵逻辑
NightMode：⽩天⿊夜模式切换逻辑
HorizonLine：地平线相关逻辑处理
⼀些⽐较重要的函数：
checkForCollision：碰撞检测
以上是⾕歌断⽹⼩游戏中的⼀些笔记。由于对js代码不熟悉，所以也只能整理⼀个框架出来。
供感兴趣的朋友参考。
后续我会基于这些⼯作对其进⾏⼀个硬件产品的实际制作，敬请期待~

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。