圈小猫 html5源码下载

游戏玩法

点击小圆点，围住小猫。
你点击一次，小猫走一次。
直到你把小猫围住（赢），或者小猫走到边界并逃跑（输）。

部署

首先引入游戏框架 phaser.min.js

<script src=”phaser.min.js”></script>
然后引入游戏代码 catch-the-cat.js

<script src=”catch-the-cat.js”></script>
然后在指定的 div 中新建一个游戏的 canvas，并开始游戏

<div id=”catch-the-cat”></div>
<script>
window.game = new CatchTheCatGame({
w: 11,
h: 11,
r: 20,
backgroundColor: 0xeeeeee,
parent: ‘catch-the-cat’,
statusBarAlign: ‘center’,
credit: ‘github.com/ganlvtech’
});
</script>

参数列表：

参数 值 说明
w 11 横向格子数
h 11 竖向格子数
r 20 圆半径像素

关注公众号『窗外天空』

获取更多建站运营运维新知！
互联网创业、前沿技术......