如何用Flash as3ps做出下雨效果的效果

怎样用Flash制作唯美下雨雨景gif动画教程
栏目: Flash教程 来源:  
  先看效果:
  素材图:
08-12 08-12 08-12 08-12 08-12 08-12 08-12 08-12&>&&>&&>&&>&flash 动画[下雨与下雪特效]
flash 动画[下雨与下雪特效]
上传大小:19KB
flash 动画 下雨特效 下雪特效
附带有fla格式的 还有swf格式。。
综合评分:4.3(9位用户评分)
收藏((2))
所需积分:1
下载次数:59
审核通过送C币
创建者:ohcezzz
创建者:qq_
创建者:leavingchen
课程推荐相关知识库
上传者其他资源上传者专辑
移动开发热门标签
VIP会员动态
android服务器底层网络模块的设计方法
所需积分:0
剩余积分:720
您当前C币:63
可兑换下载积分:126
兑换下载分:
兑换失败,您当前C币不够,请先充值C币
消耗C币:0
你当前的下载分为234。
flash 动画[下雨与下雪特效]
会员到期时间:
剩余下载次数:
你还不是VIP会员
开通VIP会员权限,免积分下载
你下载资源过于频繁,请输入验证码
你下载资源过于频繁,请输入验证码
您因违反CSDN下载频道规则而被锁定帐户,如有疑问,请联络:!
若举报审核通过,可奖励20下载分
被举报人:
举报的资源分:
请选择类型
资源无法下载
资源无法使用
标题与实际内容不符
含有危害国家安全内容
含有反动色情等内容
含广告内容
版权问题,侵犯个人或公司的版权
*详细原因:当前位置 &
如何用Flash as3做出下雨的效果
如何用Flash as3做出下雨的效果
为了给我的文集文章配FLASH背景,这几天研究了几个FLASH动画,发现好多动画都有下雨效果,这些FLASH动画设计师们的方法十分巧妙,就是在PS中制作一个透明的下雨画面,然后把这个图片导入FLASH的MC里做成逐贞动画,每贞都把图片稍微错一下位,这样连续播放就有下雨的效果了。火山受到启发,按这个思路用纯Flash as做了个下雨的效果,感觉还不错,供大家参考:
//=================MC类自定义方法====================
//&&&&&&宽高矩形法,根据初始点坐标和宽与高确定矩形。x,y为初始点坐标,kuan和gao为矩形的宽和高。
MovieClip.prototype.kuangaojuxing = function(x, y, kuan, gao, bangzhi, yanse, toumingdu) {
&&&&&& this.lineStyle(bangzhi, yanse, toumingdu);
&&&&&& this.moveTo(x, y);
&&&&&& this.lineTo(x+kuan, y);
&&&&&& this.lineTo(x+kuan, y+gao);
&&&&&& this.lineTo(x, y+gao);
&&&&&& this.lineTo(x, y);
//&&&&&&MC定位方法
MovieClip.prototype.dingwei = function(x, y) {
&&&&&& this._x =
&&&&&& this._y =
//==================创建下雨动画=====================
//定义下雨动画函数,相关参数请参考下面的注释
x_fc:下雨动画的X坐标
y_fc:下雨动画的Y坐标
yanse_fc:雨滴颜色
toumingdu_fc:雨滴透明度
yudikuan_fc:雨滴的宽
yudigao_fc:雨滴的高
qingxie_fc:雨滴的倾斜度
mijidu_fc:雨滴的密集度
pinlu_fc:下雨画面更换的频率
kuan_fc:下雨画面宽
gao_fc:下雨画面高(它和上面的参数一起控制下雨范围)
function xiayudonghua(x_fc, y_fc, yanse_fc, toumingdu_fc, yudikuan_fc, yudigao_fc, qingxie_fc, mijidu_fc, pinlu_fc, kuan_fc, gao_fc) {
&&&&&& //创建下雨动画MC
&&&&&& createEmptyMovieClip(&xiayu_mc&, 10000);
&&&&&& //定位下雨动画MC
&&&&&& xiayu_mc.dingwei(x_fc, y_fc);
&&&&&& //在下雨动画里创建单个雨滴MC
&&&&&& xiayu_mc.createEmptyMovieClip(&yudi_mc&, 10000);
&&&&&& with (xiayu_mc) {
&&&&&&&&&&&&& //宽高矩形法绘制单个雨滴MC
&&&&&&&&&&&&& yudi_mc.beginFill(yanse_fc, toumingdu_fc);
&&&&&&&&&&&&& yudi_mc.kuangaojuxing(0, 0, yudikuan_fc, yudigao_fc, 0, 0x);
&&&&&&&&&&&&& yudi_mc.endFill();
&&&&&&&&&&&&& //定义雨滴的倾斜度
&&&&&&&&&&&&& yudi_mc._rotation = qingxie_
&&&&&&&&&&&&& //连续调用&jingtaihuamian&函数,形成下雨动画
&&&&&&&&&&&&& var xiayu_si = setInterval(jingtaihuamian, pinlu_fc, mijidu_fc, kuan_fc, gao_fc);
//定义下雨动画的静态画面函数
function jingtaihuamian(mijidu_fc, kuan_fc, gao_fc) {
&&&&&& //随机复制单个雨滴MC,形成单贞下雨画面
&&&&&& for (var i = 0; i&mijidu_ i++) {
&&&&&&&&&&&&& xiayu_mc.yudi_mc.duplicateMovieClip(&yudi_mc&+i, i);
&&&&&&&&&&&&& xiayu_mc.yudi_mc.dingwei(random(kuan_fc), random(gao_fc));
//==============按钮控制下雨动画===============
kaishi_btn.onRelease = function() {
&&&&&& //在需要下雨的贞调用这个函数就可以下雨了!
&&&&&& xiayudonghua(0, 0, 0xffffff, 50, 2, 30, 30, 100, 10, 550, 400);
tingzhi_btn.onRelease = function() {
&&&&&& //天晴的时候就调用这个函数
&&&&&& xiayu_mc.removeMovieClip();
★只要把上面的代码复制到第一贞,然后再建立一个&kaishi_btn&和&tingzhi_btn&按钮就可以欣赏效果了。我把代码写到函数里,是为了方便在动画中使用,在需要下雨的地方,只要调用&xiayudonghua&这个函数就可以了,而在天晴的时候,写一句xiayu_mc.removeMovieClip()就OK了,怎么样?挺好用的吧&
★下面大致讲一下原理。
★别一看是纯Flash as写出来的,就貌似很牛B了,吓得你只敢用不敢看了,其实它的原理很简单&
1,先创建一个空的xiayu_mc,所有的雨滴都将放到这个MC里,这是为了便于删除下雨效果。
2,然后在这个MC里调用自己定义绘图方法绘制一个细条型的矩形,这个矩形就是原始的雨滴模型yudi_mc。
3,根据这个雨滴模型复制大量相同的雨滴,并使他们随机分布在指定的范围内,这样就形成了一个下雨的画面,这个画面就类似那些动画设计师在PS中绘制的下雨图片。这个过程在jingtaihuamian函数中完成。
4,最后就是通过setInterval不断调用jingtaihuamian函数,由于jingtaihuamian中使用了随机函数,每次调用jingtaihuamian生成的下雨画面都不一样,这样连续起来就形成比较逼真的下雨效果了。
★怎么样,很简单吧
★但如果你看懂了,先别得意哦,我们要学会发散思维,如果我们把xiayu_mc设置成某个MC的遮罩的话,会弄出什么效果呢?我首先想到的就是另一个非常常见的效果:&波光粼粼&。
有兴趣的朋友可以尝试着做一下!
视频教程列表
文章教程搜索
输入您的搜索字词
提交搜索表单
Flash AS推荐教程
tel:<font color="#FF30058}

我要回帖

更多关于 ps如何做出下雨效果 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信