摘要：在上一篇《Chrome自带恐龙小游戏的源码研究(四)》中实现了障碍物的绘制及移动，从这一篇开始主要研究恐龙的绘制及一系列键盘动作的实现。 会眨眼睛的恐龙 在游戏开始前的待机界面，如果仔细观察会发现恐龙会时不时地眨眼睛。这是通过交替绘制这两个图像实现的： 可以通过一张图片来了解这个过程： 为实现图片的 阅读全文

摘要：在上一篇《Chrome自带恐龙小游戏的源码研究(三)》中实现了让游戏昼夜交替，这一篇主要研究如何绘制障碍物。 障碍物有两种：仙人掌和翼龙。仙人掌有大小两种类型，可以同时并列多个；翼龙按高、中、低的随机飞行高度出现，不可并行。仙人掌和地面有着相同的速度向左移动，翼龙则快一些或慢一些，因为添加了随机的速 阅读全文

摘要：在上一篇《Chrome自带恐龙小游戏的源码研究(二)》中实现了云朵的绘制和移动，这一篇主要研究如何让游戏实现昼夜交替。 昼夜交替的效果主要是通过样式来完成，但改变样式的时机则由脚本控制。 首先对游戏容器使用transition创建一个贝塞尔渐变： 渐变作用于两个属性：filter及backgroun 阅读全文

摘要：在上一篇《Chrome自带恐龙小游戏的源码研究(一)》中实现了地面的绘制和运动，这一篇主要研究云朵的绘制。 云朵的绘制通过Cloud构造函数完成。Cloud实现代码如下： 主要的逻辑代码在Cloud的原型链中： 最后测试一下这个方法： 效果如下： 这样云朵就绘制好了。 阅读全文

摘要：目录 Chrome自带恐龙小游戏的源码研究(一)——绘制地面 Chrome自带恐龙小游戏的源码研究(二)——绘制云朵 Chrome自带恐龙小游戏的源码研究(三)——昼夜交替 Chrome自带恐龙小游戏的源码研究(四)——绘制障碍物 Chrome自带恐龙小游戏的源码研究(五)——绘制霸王龙 Chrom 阅读全文