html5游戏开发-愤怒的小鸟-开源讲座(二)-跟随小鸟的镜头

上一讲中介绍了如何让小鸟旋转跳上弹弓，以及利用外部力使小鸟弹飞出去，但是如果不做任何处理的话，小鸟就这么直冲冲的飞出屏幕了，本次我们就要让镜头时刻跟随小鸟来移动。下面是上一讲的连接，没有看过上一讲的朋友们请先了解一下。

html5游戏开发-愤怒的小鸟-开源讲座(一)-跳入弹出的小鸟

http://blog.csdn.net/lufy_legend/article/details/7765599

关于如何让镜头跟随某一物体，我一开始的想法就是循环所有物理世界里的物体，以小鸟作为参照物，然后来计算其他物体的相对坐标，从而实现镜头跟随。但是觉得每次循环所有物体有些麻烦，于是我专门请教了box2djs的作者technohippy（因为box2dweb和box2djs的原理相同），得出的结论和我的想法一样，需要循环所有物体，technohippy表示坐标计算在游戏中很平常，不用太过在意。于是我将坐标计算封装为synchronous函数，加到了1.4.1的扩展js中，下面说一下这个函数的用法。

在上一讲中，当鼠标弹起的时候，在弹起事件的侦听函数downOver里给小鸟加了一个力，使得小鸟弹飞了出去。下面给downOver函数加一行代码

为了让效果更明显一些，下面来加入一个猪和几个物体
首先新建一个Pig类

但是，只是这样的话，上面这张图其实是看不到的，因为我把这些物体都加到了游戏屏幕的右边，而游戏开始时坐标是(0,0)，我们看到的画面是游戏屏幕左边的部分，所以我一开始首先将镜头移动到游戏屏幕的右边。


大家可以看到，用lufylegend库件结合box2dweb制作物理游戏竟然如此简单，还不快尝试一下
下面给出本次教程的源码，老规矩，lufylegend库件和box2dweb需要自己下载配置一下，库件1.4.1的扩展部分请到第一讲中下载。
http://fsanguo.comoj.com/download.php?i=AngryBirds2.rar

本次就写到这里，碰撞检测还是留到下一讲吧，在第三讲中会让小鸟展示自己的威力，将屏幕上的猪猪撞得脑袋开花，敬请期待。