html5游戏开发-愤怒的小鸟-开源讲座(三)-碰撞产生的冲力.pdfVIP

本文由长春白癜风专科医院/ 收集，转载请注明出处 html5 游戏开发-愤怒的小鸟-开源讲座(三)-碰撞产生的冲力 在前面已经实现了利用外力将小鸟弹飞出去，并且实现了镜头的跟随。本次来 研究一下小鸟与其他物体之间发生碰撞时的冲力，以及由碰撞而使物体发生变 形，进而消失，下面是前两讲的链接，看本篇教程之前请朋友们最好先了解一 下。 html5 游戏开发-愤怒的小鸟-开源讲座(一)-跳入弹出的小鸟 /lufy_legend/article/details/7765599 html5 游戏开发-愤怒的小鸟-开源讲座(二)-跟随小鸟的镜头 /lufy_legend/article/details/7782968 其实在box2d 中，只要我们设定了物体的密度，摩擦，以及弹力等属性之后，他们之间会 模拟真实的世界进行碰撞，如果想要根据这些碰撞来做一些特殊的处理的话，就需要取得它 们之间碰撞的冲力，从而根据冲力的大小来做自己想要做的事情，在lufylegend 库件中使 用下面一行代码来检测碰撞。 [javascript] view plaincopy 1. LGlobal.box2d.setEvent(LEvent.POST_SOLVE,postSolve); 碰撞函数如下，接受两个参数 [javascript] view plaincopy 1. function postSolve(contact, impulse){ 2. } 然后用impulse.normalImpulses[0]来取得碰撞产生的冲力大小。 下面，我们来根据碰撞的冲力来控制猪头的状态，首先准备下面两张图 本文由吉林白癜风医院/ 收集，转载请注明出处 本文由长春白癜风专科医院/ 收集，转载请注明出处 然后，建立Pig 类如下 [javascript] view plaincopy 1. functio n Pig(){ 2. base(this,LSprite,[]); 3. var self = this ; 4. self.hp = 200; 5. = pig; 6. self.list = [pig01,pig02]; 7. self.bitmap = new LBitmap(new LBitmapData(imglist[self.list[0]])); 8. self.addChild(self.bitmap); 9. self.addBodyCircle(24,self.bitmap.getHeight()*0.5,self.bitmap.getWidth() *0.5,1,5,.4,.13); 10. } 11. Ptotype.hit = function (value){ 12. var self = this ; 13. if (value 10)return; 14. if (self.hp == 200)self.bitmap.bitmapData = new LBitmapData(imglist[self. list[1]]); 15. self.hp -= value; 16. } 上面代码，在构造器里首先给猪头设置了一张健康的状态图片，然后在hit 函数里，将猪头 的图片变成了一张受伤的图片。 有了上面的Pig 类，只要在猪头和其他物体之间发生碰撞的时候，将碰撞的冲力传入hit 函 数，就能控制猪头的状态和hp 的值，当然你也可以为猪头准备多种状态的图片，比如轻伤， 重伤等，然后在hit 函数中根据它的hp 值的大小，来给他设定不同的显示图片。 另外，在愤怒的小鸟这个游戏中，每个物体也都是有它的不同的状态的，比如下面的两张图， 表示木条的两个状态 为了便于操作这些物体，我们和上面的猪头一样，建立一个Stage 类，如下 [javascript] view plaincopy 1. function Stage(list,rotate,m,ctrl){ 2. base(this,LSprite,[]); 3. var self = this ;