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

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

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

　　在上一篇《Chrome自带恐龙小游戏的源码研究(六)》中研究了恐龙的跳跃过程，这一篇研究恐龙与障碍物之间的碰撞检测。 碰撞盒子 　　游戏中采用的是矩形(非旋转矩形)碰撞。这类碰撞优点是计算比较简单，缺点是对不规则物体的检测不够精确。如果不做更为精细的处理，结果会像下图 ...

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

　　在上一篇《Chrome自带恐龙小游戏的源码研究(五)》中实现了眨眼睛的恐龙，这一篇主要研究恐龙的跳跃。 恐龙的跳跃 　　游戏通过敲击键盘的Spacebar或者Up来实现恐龙的跳跃。先用一张图来表示整个跳跃的过程： 首先规定向下为正方向，即重力加速度(g)为正，起跳 ...

　　在上一篇《Chrome自带恐龙小游戏的源码研究(七)》中研究了恐龙与障碍物的碰撞检测，这一篇主要研究组成游戏的其它要素。 游戏分数记录 　　如图所示，分数及最高分记录显示在游戏界面的右上角，每达到100分就会出现闪烁特效，游戏第一次gameover时显示历史最高分。分数记录器 ...

该游戏是仿谷歌浏览器小恐龙游戏，程序运行入口Game7.py，配置文件：cfg.py，完整程序包及资源包请在本文文末下载，先上程序运行截图： 欢迎关注公众号： ...