简要介绍:

这是一个畸形版的chrome恐龙游戏。很久之前就规划开始准备仿照写这个小游戏了,限于水平至今才完成了跛脚版本v0.0.1。

项目主要的引用介绍在GitHub上,详细介绍了调用方法。赏个Star吧

https://ockhamrazor.github.io/chrome-dinosaur-game/


跛脚版规则介绍:

基本规则

1.跳跃躲过障碍物
2.每当分数增加300分可能会出现翼龙
3.满分为2000分

键位介绍

p 暂停游戏
r 强制重新开始游戏
space 跳跃 (GameOver时可以触发重新开始)


使用说明:

可以通过直接双击打开index.html运行

文件包括

html基本结构(包括canvas等)
dinosaur.min.js (用于实现js逻辑)
dinosaur.css (少量的css用于初始界面)
图片资源

源码说明(位于 /js 文件夹下):

核心文件:

engine.js -- 实现一个简陋的游戏引擎
dinosaur.js -- 主角恐龙对象
background.js -- 背景对象
cacti.js -- 障碍物 仙人掌对象
ptersaur.js -- 障碍物 翼龙对象
shape.js -- 绘制多边形,以及实现碰撞检测(基于分离轴原理)
game.js -- 游戏对象,实现游戏控制、角色初始化、资源加载
sprite.js -- 精灵对象(恐龙、障碍物都是基于此对象实例化)

其他一些附加文件:

score.js -- 实现分数的绘制
restart.js -- 实现重新开始游戏图标的绘制以及事件绑定
stop-watch.js -- 计时器对象
time-warp.js -- 时间处理对象,用于实现一些非线性运动

其他

游戏内还有很多Bug,后期会完善关卡功能以及游戏难度。游戏可玩性不高,建议去玩原版。纯属练习,请多包涵!可以的话在GitHub上给我个Star吧!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容