HTML5游戏实战 2 90行代码实现捕鱼达人

               

捕鱼达人是一款非常流行的游戏，几年里赚取了数以千万的收入，这里借用它来介绍一下用Gamebuilder+CanTK开发游戏的方法。其实赚钱的游戏未必技术就很难，今天我们就仅用90来行代码来实现这个游戏。 

CanTK(Canvas ToolKit)是一个开源的游戏引擎和APP框架，是开发HTML5游戏和APP的利器，如果你喜欢它，请在github上给它加星，您的支持是我们努力的动力：https://github.com/drawapp8/cantk

0.先Show一下最终成果:

在线运行：http://www.tangide.com/apprun.html?appid=previewupyunosgames1-841431856568571

在线编辑：http://www.tangide.com/gamebuilder.php?appid=previewupyunosgames1-841431856568571

1，新建一个项目，删除场景里的球和地面，把手机设置成横屏，然后设置场景的物理引擎参数，把X/Y方向的重力设置为0。

设置场景的背景图片：

效果如下：

2，在场景中放一个图片，如下图设置它的属性。

3，在图片中再放一个帧动画，用来表示大炮，如下图设置它的属性。

4，在场景中再放一个帧动画，用来表示鱼，如下图设置它的属性。

通过拷贝&粘贴，创建10条鱼，名称分别命