HTML5游戏《比利猫跳跃》实现源码

HTML5 的小游戏源码里,《比利猫跳跃》算是比较有意思的一个。用的是Canvas来画画面,角色、障碍物啥的都是靠它搞定的,画面虽然简单但挺流畅。

动画用的就是常规的JavaScript控制,逻辑清晰,像跳跃、下落、碰撞这些,代码都能看懂,也好改。你想加个双跳或者修改跳跃力度,动动velocityY就行。

游戏循环碰撞检测这种核心玩法也都有。整个逻辑流程不复杂,适合用来练手,是想自己写小游戏又不知道从哪下手的,可以先扒一扒它的实现。

另外,如果你对Web Storage感兴趣,这里也有用到,比如保存分数。音效用的应该是Audio API,加点音效整个体验会好不少。

总结一下:代码不花哨,挺干净,适合初学者和想快速搭个原型的朋友。如果你正在研究canvas绘图或者想搞个轻量游戏,这份源码可以先看看,拿来魔改也方便。

rar
HTML5游戏《比利猫跳跃》源码.rar 预估大小:55个文件
folder
比利猫跳跃小游戏源码 文件夹
folder
bilimaotiaoyue 文件夹
folder
bilimaotiaoyue 文件夹
folder
bilimaotiaoyue 文件夹
file
page_leaderboards.css 3KB
file
index.html 4KB
file
jquery.equalheights.js 1KB
file
data.js 68KB
folder
images 文件夹
file
sprite7-sheet0.png 457KB
file
btn_start-sheet0.png 155B
file
sprite3-sheet0.png 335B
file
planta-sheet1.png 6KB
file
player-sheet1.png 6KB
file
sprite2-sheet0.png 256B
file
potion_planta-sheet0.png 24KB
file
inicio-sheet0.png 32KB
file
pocao_snake-sheet0.png 28KB
file
bicho_verde-sheet1.png 63KB
file
macaco-sheet1.png 6KB
file
sprite6-sheet0.png 44KB
file
sprite8-sheet0.png 155B
file
snake-sheet0.png 2KB
file
caracol-sheet2.png 55KB
file
plataforma-sheet0.png 7KB
file
potion_bicho_verde-sheet0.png 28KB
file
caracol-sheet0.png 53KB
file
planta-sheet0.png 5KB
file
bicho_verde-sheet0.png 61KB
file
placa-sheet0.png 65KB
file
macaco-sheet0.png 9KB
file
player-sheet0.png 51KB
file
potion_planta2-sheet0.png 29KB
file
contadordeponto-sheet0.png 155B
file
arvore-sheet0.png 49KB
file
potion_caracol-sheet0.png 22KB
file
sprite4-sheet0.png 262B
file
bicho_verde-sheet2.png 22KB
file
sprite5-sheet0.png 222KB
file
potion_macaco-sheet0.png 24KB
file
sprite10-sheet0.png 155B
file
restart-sheet0.png 155B
file
sprite3-sheet0 (1).png 335B
file
caracol-sheet1.png 46KB
file
potion_caracol-sheet0 (1).png 22KB
file
sprite-sheet0.png 331KB
file
jquery-1.8.3.min.js 91KB
file
c2runtime.js 393KB
folder
media 文件夹
file
theme.ogg 1.06MB
file
morrendo.ogg 6KB
file
jump.ogg 7KB
file
potion2.ogg 7KB
file
meow.ogg 22KB
file
c2webappstart.js 1KB
file
loading-logo.png 9KB
file
jquery-2.1.1.min.js 82KB
file
main.css 929B
file
page_achievements.css 4KB
file
penumbra.png 14KB
file
style.css 115B
rar 文件大小:2.98MB