文章首发于我的个人博客 前言 上一篇文章：《Chrome 小恐龙游戏源码探究八 — 奔跑的小恐龙》实现了小恐龙的绘制以及键盘对小恐龙的控制，这一篇文章中将实现游戏的碰撞检测。 碰撞检测原理 这个游戏采用的检测方…

文章首发于我的个人博客 前言 上一篇文章：《Chrome 小恐龙游戏源码探究六 — 记录游戏分数》实现了游戏分数、最高分数的记录和绘制。这一篇文章中将实现昼夜模式交替的的效果。 夜晚模式 定义夜晚模式类 NightMo…

上一篇文章：《Chrome 小恐龙游戏源码探究七 — 昼夜模式交替》实现了游戏昼夜模式的交替，这一篇文章中，将实现：1、小恐龙的绘制 2、键盘对小恐龙的控制 3、页面失焦后，重新聚焦会重置小恐龙的状态

上一篇文章：《Chrome 小恐龙游戏源码探究四 — 随机绘制云朵》 实现了云朵的随机绘制，这一篇文章中将实现：1、仙人掌、翼龙障碍物的绘制 2、游戏速度的改变

前言 上一篇文章：《Chrome 小恐龙游戏源码探究三 — 进入街机模式》 实现了开场动画和街机模式。这一篇文章中，将实现云朵的随机绘制。 云朵类 Cloud 定义云朵类 Cloud： {代码…} 相关的配置参数： {代码…} …

在游戏中，小恐龙移动的距离就是游戏的分数。分数每达 100，就会有闪动的特效。首次进行游戏的时候，由于没有记录过游戏的历史得分，所以不会显示最高分，只有当第一次 game over 后才能显示历史最高分。

上一篇文章：《Chrome 小恐龙游戏源码探究二 — 让地面动起来》 实现了地面的移动。这一篇文章中，将实现效果：1、浏览器失焦时游戏暂停，聚焦游戏继续。 2、开场动画。 3、进入街机模式。

上一篇文章：《Chrome 小恐龙游戏源码探究一 — 绘制静态地面》 中定义了游戏的主体类 Runner，并实现了静态地面的绘制。这一篇文章中，将实现效果：1、地面无限滚动。2、刚开始地面不动，按下空格后地面滚动。

文章首发于我的博客 目录 Chrome 小恐龙游戏源码探究一 — 绘制静态地面 Chrome 小恐龙游戏源码探究二 — 让地面动起来 Chrome 小恐龙游戏源码探究三 — 进入街机模式 Chrome 小恐龙游戏源码探究四 — 随机绘制云…

既然做前端这个职业，那么对于它的来龙去脉，得了解，算称职点吧。查阅了四个人的技术博客，维基百科查找资料，前端技术发展，以前不叫前端，只是页面工程师。