愤怒的小鸟两周年纪念版金蛋
发布网友
发布时间：2022-04-20 03:04
共4个回答
懂视网
时间：2022-04-20 07:25
html5游戏开发-愤怒的小鸟-开源讲座(一)-跳入弹出的小鸟
http://blog.csdn.net/lufy_legend/article/details/7765599
关于如何让镜头跟随某一物体，我一开始的想法就是循环所有物理世界里的物体，以小鸟作为参照物，然后来计算其他物体的相对坐标，从而实现镜头跟随。但是觉得每次循环所有物体有些麻烦，于是我专门请教了box2djs的作者technohippy（因为box2dweb和box2djs的原理相同），得出的结论和我的想法一样，需要循环所有物体，technohippy表示坐标计算在游戏中很平常，不用太过在意。于是我将坐标计算封装为synchronous函数，加到了1.4.1的扩展js中，下面说一下这个函数的用法。
在上一讲中，当鼠标弹起的时候，在弹起事件的侦听函数downOver里给小鸟加了一个力，使得小鸟弹飞了出去。下面给downOver函数加一行代码
backLayer.addEventListener(LEvent.ENTER_FRAME,onframe);
然后，循环播放函数如下
function onframe(){
backLayer.x = LGlobal.width*0.5 - (bird.x + bird.getWidth()*0.5);
if(backLayer.x > 0){
backLayer.x=0;
}else if(backLayer.x < LGlobal.width - 1600){
backLayer.x = LGlobal.width - 1600;
}
LGlobal.box2d.synchronous();
if(bird && bird.x > backLayer.getWidth()){
backLayer.removeChild(bird);
bird = null;
}
}解释一下代码，首先通过小鸟的坐标，来计算backLayer层的相对坐标，下面的if是为了不让backLayer的坐标移出游戏的屏幕。
然后关键就是下面一行代码
LGlobal.box2d.synchronous();
它实现了物理世界里所有物体的坐标的重新计算
最后，当小鸟移出屏幕之后，将小鸟消除。
上面的1600是为了看出效果所以将游戏世界设置的长了一点。
下面是效果图和测试连接，你可以将小鸟射出，看看镜头是不是跟着小鸟一起移动起来了？
http://lufy.netne.net/lufylegend-js/lufylegend-1.4/box2d/sample03/index.html
为了让效果更明显一些，下面来加入一个猪和几个物体
首先新建一个Pig类
function Pig(){
base(this,LSprite,[]);
var self = this;
var bitmap = new LBitmap(new LBitmapData(imglist["pig1"]));
self.addChild(bitmap);
self.addBodyCircle(bitmap.getWidth()*0.5,bitmap.getHeight()*0.5,bitmap.getWidth()*0.5,1,.5,.4,.5);
}再新建一个setStage函数，来创建物体
function setStage(img,x,y,rotate,m){
var stageLayer = new LSprite();
backLayer.addChild(stageLayer);
var bitmap = new LBitmap(new LBitmapData(imglist[img]));
stageLayer.addChild(bitmap);
stageLayer.x = x;
stageLayer.y = y;
stageLayer.addBodyPolygon(bitmap.getWidth(),bitmap.getHeight(),1,m,.4,.2);
if(rotate != 0)stageLayer.setRotate(rotate*Math.PI/180);
}有了上面的准备，下面给游戏加入几个物体就很简单了，在游戏开始时的gameInit函数里加入下面代码
setStage("stage03",1070,430,0,10);
setStage("stage01",995,300,90,1);
setStage("stage01",1140,300,90,1);
setStage("stage02",1070,200,0,1.5);
setStage("stage04",1090,200,0,2);
var pig = new Pig();
pig.x = 1150;
pig.y = 400;
backLayer.addChild(pig);表示加入5个物体和一个猪，效果如图
但是，只是这样的话，上面这张图其实是看不到的，因为我把这些物体都加到了游戏屏幕的右边，而游戏开始时坐标是(0,0)，我们看到的画面是游戏屏幕左边的部分，所以我一开始首先将镜头移动到游戏屏幕的右边。
backLayer.x = LGlobal.width - 1600; LGlobal.box2d.synchronous();
改动backLayer的坐标就不用说了，调用synchronous函数的作用依然是将物理世界的坐标重新计算。
然后，当画面出现后，稍作停顿后，就将镜头拉回到小鸟坐在位置，实现方法如下
LTweenLite.to(backLayer,1,
{
x:0,
delay:2,
onUpdate:function(){
LGlobal.box2d.synchronous();
},
onComplete:run,
ease:Sine.easeIn
}
);大家可以看到，我还是用了LTweenLite缓动，参数delay:2表示，缓动延时2秒后执行，然后通过缓动将backLayer的x坐标变回0，在缓动的过程中调用synchronous，计算物理世界的坐标，这样就实现了镜头一开始显示的是屏幕右边，然后再快速移动到左边，废话不多说，现在看看效果吧。
http://lufy.netne.net/lufylegend-js/lufylegend-1.4/box2d/sample03/index02.html
大家可以看到，用lufylegend库件结合box2dweb制作物理游戏竟然如此简单，还不快尝试一下
下面给出本次教程的源码，老规矩，lufylegend库件和box2dweb需要自己下载配置一下，库件1.4.1的扩展部分请到第一讲中下载。
http://fsanguo.comoj.com/download.php?i=AngryBirds2.rar
本次就写到这里，碰撞检测还是留到下一讲吧，在第三讲中会让小鸟展示自己的威力，将屏幕上的猪猪撞得脑袋开花，敬请期待。
热心网友
时间：2022-04-20 04:33
游戏中暂停按问号，转到帮助页面，当你看到会下蛋的白色小鸟时，点下鸟蛋，就可以找到一个金蛋。（前面几关没有，到2-14关才有）
第2颗金蛋获取位置：第二章节5-19关
在关卡5-19，将地图缩小，看全景，地图空中右上角有一个金蛋，用鸟打掉即可，可用下蛋鸟打掉从左往右第一个塔的右上角。
第3颗金蛋获取位置：第一章节2-2关
在关卡2-2，打破玻璃堆里的沙滩球爆出一个金蛋。
第4颗金蛋获取位置：第一章节
第一章节 半熟的鸟蛋（Poached Eggs）所有关卡全部获得三颗星，可以得到一颗金蛋。
第5颗金蛋获取位置：制作人员名单
（查看方法：点下齿轮再点 i 样的标志）查看游戏的制作人员，浏览到最后有个金蛋，点一下就可以获取一个金蛋
第6颗金蛋获取位置：第一章节1-8关
在1-8关按住关卡中的宝箱输入OPEN（大小写都行） 就有一颗金蛋(iPad,iPhone,itouch和Android中只需点两下宝箱即可）
第7颗金蛋获取位置：第二章节
第二章节 阴险的*（Mighty Hoax）所有关卡全部获得三颗星，可以得到一颗金蛋。
第8颗金蛋获取位置：主菜单
在选择章节的界面双击太阳，就会出现金蛋。
第9颗金蛋获取位置：第二章节4-7关
在关卡4-7，将地图缩小，看全景，最右上角有一个金蛋，用鸟击中在地图右上角的蛋可以获取一个金蛋。
第10颗金蛋获取位置：第三章节第八大关（选关界面，不是进入游戏）
在第8大关的选关界面最右面隐藏着一个金蛋，一直向左拉动屏幕就可以找到一个金蛋。
第11颗金蛋获取位置：第三章节6-14关
在关卡6-14，打破右下角的*气球可以获取一个金蛋，可用回旋镖小鸟。
第12颗金蛋获取位置：第三章节8-15关
在关卡8-15，打破最左下角的两个木框拿到一个金蛋。
第13颗金蛋获取位置：第三章节
第三章节 上方的危险（Danger Above）所有关卡全部获得三颗星，可以得一个金蛋。
第14颗金蛋获取位置：第四章节9-14关
在关卡9-14，用鸟击中最右边悬崖上的安全帽，会得到金蛋。
第15颗金蛋获取位置：第四章节10-3关
在关卡10-3，打破橡皮鸭子，可以找到一个金蛋。
第16颗金蛋获取位置：第四章节11-15关
在关卡11-15，缩小画面，左下角有一个金蛋。
第17颗金蛋获取位置：第四章节
第四章节 肥猪的计划（The Big Setup）所有关卡全部获得三颗星，就可以获取金蛋。
第18颗金蛋获取位置：第五章节12-12关
在关卡12-12，操纵小鸟，击破地窖中的金杯即可。
第19颗金蛋获取位置：第五章节13-10关
在关卡13-10，缩小画面，击打金蛋吧。
第20颗金蛋获取位置：第五章节14-4关
在关卡14-4，缩小画面，右上角三角形右侧有一黑点，用黄鸟向上加速打获得金蛋。
第21颗金蛋获取位置：第五章节
第五章节 拙劣的逃跑（Ham 'Em High）所有关卡全部三颗星，即可获取金蛋
第22颗金蛋获取位置：第五章节13-12关
在关卡13-12，下蛋鸡_返向射出_投蛋于发射台左侧斜坡突出三角处_获得金蛋。
第23颗金蛋获取位置：第六章节15-12关
缩小画面，金蛋在右上角，用*加速小鸟即可得到。
第24颗金蛋获取位置：第六章节16-9关
缩小画面，金蛋在右上角的巨石上，用*加速小鸟即可获得金蛋。
第25颗金蛋获取位置：第六章节17-12关
缩小画面，金蛋在右上方的箱子里，用*小鸟即可。
第26颗金蛋获取位置：第六章节
第六章节 矿山的佳肴（Mine and Dine）所有关卡全部三颗星，即可获取金蛋
第27颗金蛋获取位置：第七章节18-6关
缩小画面，金蛋在右上方的木框里，用*小鸟即可。追问那个两周年纪念版还有个BIRDDAY PARTY，是两周年特有的大关，好像有一个金蛋但忘了在哪，还有SURF AND TURF有没有金蛋？，如果回答，感激不尽
追答第27颗金蛋是BIRDDAY PARTY的金蛋，SURF AND TURF只有FACEBOOK有金蛋,金蛋位置:http://tieba.baidu.com/f?kz=1569039733
热心网友
时间：2022-04-20 05:51
热心网友
时间：2022-04-20 07:26
