HTML5游戏《比利猫跳跃》实现源码
HTML5 的小游戏源码里,《比利猫跳跃》算是比较有意思的一个。用的是Canvas来画画面,角色、障碍物啥的都是靠它搞定的,画面虽然简单但挺流畅。
动画用的就是常规的JavaScript控制,逻辑清晰,像跳跃、下落、碰撞这些,代码都能看懂,也好改。你想加个双跳或者修改跳跃力度,动动velocityY
就行。
像游戏循环、碰撞检测这种核心玩法也都有。整个逻辑流程不复杂,适合用来练手,是想自己写小游戏又不知道从哪下手的,可以先扒一扒它的实现。
另外,如果你对Web Storage感兴趣,这里也有用到,比如保存分数。音效用的应该是Audio API,加点音效整个体验会好不少。
总结一下:代码不花哨,挺干净,适合初学者和想快速搭个原型的朋友。如果你正在研究canvas
绘图或者想搞个轻量游戏,这份源码可以先看看,拿来魔改也方便。
HTML5游戏《比利猫跳跃》源码.rar
预估大小:55个文件
比利猫跳跃小游戏源码
文件夹
bilimaotiaoyue
文件夹
bilimaotiaoyue
文件夹
bilimaotiaoyue
文件夹
page_leaderboards.css
3KB
index.html
4KB
jquery.equalheights.js
1KB
data.js
68KB
images
文件夹
sprite7-sheet0.png
457KB
2.98MB
文件大小:
评论区