HTML5梦幻之旅——炫丽的流星雨效果实现过程

测试连接：http://www.cnblogs.com/yorhom/articles/3237266.html
三，炫丽的流星雨效果
有了，Smearing这个类，我们的流星雨就简单多了。首先把所有代码展示一下：

复制代码
init(10,"mylegend",500,400,main);
var backLayer,meteorLayer;
var back,meteor;
var maxFrame = 40,indexFrame = 0;
function main(){
LStage.setDebug(true);
//加入底板层
backLayer = new LSprite();
addChild(backLayer);
//加入流星层
meteorLayer = new LSprite();
addChild(meteorLayer);
//画一个黑色矩形作为背景
back = new LGraphics();
back.drawRect(0,"",[0,0,LStage.width,LStage.height],true,"black");
backLayer.addChild(back);
//画一个黄色矩形作为一颗流星
meteor = new LSprite();
meteor.graphics.drawRect(0,"",[0,0,10,10],true,"yellow");
backLayer.addEventListener(LEvent.ENTER_FRAME,onframe);
}
function onframe(){
if(indexFrame > maxFrame){
indexFrame = 0;
//为每个流星添加一个拖尾
var smearing = new Smearing(meteor,50);
smearing.x = Math.floor(Math.random() * 250);
smearing.y = 0;
smearing.to(2,{
x: Math.floor(Math.random() * (500 - 480) + 480),
y: 400
});
meteorLayer.addChild(smearing);
}
for(var key in meteorLayer.childList){
if(meteorLayer.childList[key].mode == "complete"){
meteorLayer.removeChild(meteorLayer.childList[key]);
}
}
indexFrame ++;
}

代码清单12
每行代码都加入了注释，理解起来一定很简单了。如果实在是理解不到，可能是因为你没有了解lufylegend罢了。可以参照API文档学习一下。
最后是代码打包，下载地址
本篇文章就到此结束了。文章如有什么地方写得不妥，欢迎提出。另外，如果有任何不解的地方，可以在博客下方留言，我会尽我所能帮你解决。
支持就是最大的鼓励！