中国设计秀
中国设计秀
  • 当前位置:首页 > 网络设计学院 > Flash教程

利用Flash制作雪花的另外一种方法

作者: 源自:中国设计秀 时间:2012-03-22 16:49:34 点击: 关键字:

解决思路YLu网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀

  主要的构思就是通过对一个雪花影片剪辑的复制出许多雪花,当然这是有限度的。不然cpu会受不了的。然后通过设置复制出来的雪花的位置坐标,达到下雪的效果。YLu网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀

  具体步骤YLu网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀

  1,  运行flash mx,设置文档属性为500*400。在图层1绘制一个渐变填充的背景。YLu网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀

  2,  新建一个影片剪辑,命名为“雪花”。在编辑区内画一个简单的雪花形状。大小约为11*11像素。如图1所示。 YLu网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀
 YLu网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀

YLu网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀

  3,  返回到主场景,把影片剪辑“雪花”拖放到场景中,在属性面板中命名为“snow”。YLu网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀

  4,  选中影片剪辑,打开as面板,添加如下语句:YLu网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀

onClipEvent (enterFrame) {  //每播放一帧就执行一次下面的AS YLu网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀
this._x += Math.random()*(this._xscale)/10; YLu网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀
this._y += Math.random()*(this._yscale)/10;//让雪花在X、Y轴方向上运动,每次移动的距离为自身大小的1/10左右,为加强随机效果,我们用到Math.random()来更好的控制。 YLu网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀
if (this._x>500) { YLu网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀
this._x = 0; YLu网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀
}  //当雪花飘出主场景时,重新回到主场景的左方。 YLu网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀
if (this._y>400) { YLu网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀
this._y = 0; YLu网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀
}  //当雪花飘出主场景时,重新回到主场景的上方。 YLu网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀
}YLu网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀

  5, 新建一个图层,在第1帧添加asYLu网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀
 YLu网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀

i = 1; YLu网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀
while (i<=200) { YLu网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀
 duplicateMovieClip("snow", "snow"+i,  i); YLu网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀
 setProperty("snow"+i, _x, random(500)); YLu网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀
 setProperty("snow"+i, _y, random(400)); YLu网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀
 setProperty("snow"+i, _xscale, Math.random()*60+40); YLu网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀
 setProperty("snow"+i, _yscale, eval("snow"+i)._xscale); YLu网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀
 setProperty("snow"+i, _alpha, eval("snow"+i)._xscale+random(30)); YLu网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀
 i++; YLu网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀
}YLu网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀

  复制200个雪花MC,并为其随机放到一个位置,而雪花的大小也是随机产生,而雪花的透明度由雪花的大小(X、Y轴的比例)来决定,大一点的雪花的透明就越高,小一点的雪花透明度就越底。这样的效果就是近的雪花看的清楚,而远的雪花有点模糊……更加逼真……YLu网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀

YLu网页设计作品_优秀网站设计_网页制作教程_设计素材_中国设计秀

上一篇文章: 巧用XML做多语言界面的FLASH           下一篇文章: Flash中关于过场的想法和简单的教程
本文引用地址:http://www.cnwebshow.com/
本文关键字: