快速业务通道

飘雪的两种制作方法大对比

作者 佚名技术 来源 服务器技术 浏览 发布时间 2012-07-11


纯AS制作源文件下载:
点击浏览该文件
这一种是纯AS编写的飘雪动画,对于初学者来说,理解起来也很有难度,很多人都是直接使用,这就造成了很单一的效果,因为如果不懂代码的含义那不无法根据自己的意愿来修改。代码理解如下:
var sceneWidth =550;//设置场景的宽
var sceneHeight=300;/设置场景的高
var sideDisWidth = Stage.width/2-sceneWidth/2;//定义变量,雪的横向位移范围
var sideDisHeight = Stage.height/2-sceneHeight/2;//定义变量,雪的纵向位移范围
var snowNum = 80;//雪的数量
var snowSpace:MovieClip = _root.createEmptyMovieClip("room", 1);//声明一个空影片剪辑snowSpace. function addMasker() {//声明addMasker函数,执行两项工作.1是画外边框,2是画雪景 //-----------这是完成的第一项工作,画舞台外边框-----------
_root.createEmptyMovieClip("masker", -2);//创建空影片剪辑masker,层深-2.任务是为舞台画外边框,并填充颜色
with (masker) {//设置masker的属性。
lineStyle(1, 0xcccccc, 100);//线条颜色
beginFill(0x999999, 100);//绘制矩形闭合路径,并填充灰色,透明度为100.
moveTo(sideDisWidth, sideDisHeight);//绘制起点
lineTo(sideDisWidth+sceneWidth, sideDisHeight);//绘制的右上角点的位置
lineTo(sideDisWidth+sceneWidth, sideDisHeight+sceneHeight);//绘制的右下角点的位置
lineTo(sideDisWidth, sideDisHeight+sceneHeight);//绘制的左下角点的位置
lineTo(sideDisWidth, sideDisHeight);//绘制的左上角点的位置
endFill();//结束绘制
}
//-----------第一项任务结束----------------------------
//-----------把第二项画雪景工作交给createSnow-----------
createSnow();
}
//*****下面就是画雪景了,分了4步:createSnow雪外观,drawSnow画雪,snowProperty一个雪的下降,snowFall整个雪景的位移范围***** function createSnow() {//定义一个匿名函数,完成声明一个雪MC,雪半径,循环画雪
var n = 0;//局部变量n=0
while (nvar snow:MovieClip = snowSpace.createEmptyMovieClip("s"+n, n);//声明snowSpace剪辑由"s"+n个snow组成
var radius:Number = Math.random()*3;//雪半径大小
drawSnow(snow, radius);//把snow, radius把参数传递给drawSnow函数
n++;
}
} function drawSnow(snow:MovieClip, radius:Number) {//定义一个匿名函数,画一个雪
var p = radius*.9;//局部变量P,用来定义雪大小的坐标值
with (snow) {//设置snow这个对象的动作.画雪圆形白色填充
colors = [0xCCCCCC, 0xFFFFFF];//雪的颜色
alphas = [100, 100];//透明度
ratios = [0, 255];//采样处的宽度的百分比
matrix = {matrixType:"box", x:-Math.random()*2*radius, y:-Math.random()*2*radius, w:2*radius, h:2*radius, r:(90/180)*Math.PI};//一个变形矩阵
beginGradientFill("radial", colors, alphas, ratios, matrix);// 填充色.
curveTo(p, -p, radius, 0);//定义点坐标,画雪
curveTo(p, p, 0, radius);
curveTo(-p, p, -radius, 0);
curveTo(-p, -p, 0, -radius);
endFill();//结束
}
snowProperty(snow, sceneWidth, sceneHeight);//把参数传递给snowProperty
} function snowProperty(snow, w, h) {//定义一个匿名函数,一个雪如何下降
snow._x = sideDisWidth+Math.random()*w;//根据可编辑的宽及0和1中的任意一个数乘雪宽计算雪的X轴起始位置
snow._y = sideDisHeight+Math.random()*h;//根据可编辑的高及0和1中的任意一个数乘雪高计算雪的Y轴起始位置
snow._rotation = Math.random()*120+30;//设置旋转角度.有立体感.雪的旋转程度为0和1中的任意一个数乘120+30
snow.stepX = Math.cos((snow._rotation*Math.PI)/180);//雪横向位移.用计算余弦(旋转角度*常数3.14)/180)
snow.stepY = Math.random()*2+1;//雪纵向位移.为0和1中的任意一个数*2-1
setInterval(snowFall, 30, snow);//每隔0.5秒调用一次,由snowFall完成
} function snowFall(snow) {//定义一个匿名函数,该函数为大雪降落位移范围
snow._x += snow.stepX;//横向下落位移
snow._y += snow.stepY;//纵向下落位移
if (snow._xsnow._x = sideDisWidth+sceneWidth;//为雪的横坐标附值
}
if (snow._x>sideDisWidth+sceneWidth) {//如果雪的横向坐标大于所附的值
snow._x = sideDisWidth;//横向位移再回到初始点
}
if (snow._y>sideDisHeight+sceneHeight) {//如果雪的纵向坐标大于所附的值
snow._y = sideDisHeight;//纵向位移再回到初始点
}
}
addMasker();
//-----------第二项任务完成-----------
//下面是签名
_root.createEmptyMovieClip("myMC", 10);//创建作为现有影片剪辑子级的空影片剪辑myMC,层深10
with (myMC) {//影片剪辑myMC的属性,在层深10的雪的属性
var infor:TextField = myMC.createTextField("infor", 1, sideDisWidth+sceneWidth-100, sideDisHeight+sceneHeight, 100, 20);//创建文本字段并附给infor
infor.autoSize="right";//文本字段的自动大小调整和对齐
infor.selectable=false;//文本字段是否可编辑。false为不可编辑
infor.textColor = 0x999999;//文本颜色

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号