收藏本站 | 站点地图 | 繁體中文
沭阳乐园
您现在的位置: 沐阳乐园 >> 文章中心 >> 网络教程 >> 动画实例 >> 正文
[组图]晶莹的水滴滑落效果         
晶莹的水滴滑落效果
作者:佚名 文章来源:ZT 点击数:1535 更新时间:2010-12-26 19:52:45

首先先放出水滴制作需要的图片,其实自己也可以参考着图片自行制作。

水滴制作

最终效果如下

制作方法:

1、在做这个效果之前我们首先需要制作一个水滴滴落的影片剪辑。制作一个水滴导入flash,并且制作一个水滴从小变大的补间动画。

水滴制作

2、当水滴变大之后再让这个水滴慢慢的滴落到下面,并且在开始滴落的时候让水滴颤抖几下(使用逐桢动画做几个大小变化)。

水滴制作

3、接下来需要制作一个透明按钮(只要点击区域),这个按钮的功能就是让鼠标放在水滴上的时候让这个水滴滴落。

水滴制作

4、最后在上面再建立一个层,第一桢写上桢标签“start”,然后在水滴变大后加一个STOP桢,在 STOP桢之后再插入一个标签为“over”的空白关键桢。作用:当水滴由小变大之后就停止,这样水滴就会显示在舞台上,当鼠标移动到水滴上面就会播放 over桢以后的内容,也就是让水滴落下。

水滴制作

下面就要进行程序编写了。

(1)、首先来编写按钮上的程序,当鼠标按下或移动到它上面的时候就执行水滴落下的动画:

on (release, rollOver) {

gotoAndPlay("over");

}

水滴制作

(2)、接下来要编写的是带有over标签的关键桢,它的功能是获取你整个动画已经播放了的时间,单位是豪秒。因为就算不用鼠标点击按钮,过一段时间之后也要让水滴自动落下。其中radomtime变量会在后面的程序中定义。它的功能是让时间稍微有一些不同,这样水滴就不会同时落下了。

程序如下:

starttime = getTimer()+8000+radomtime;

水滴制作

接下来制作舞台上的程序:

(1)、将刚才制作完毕的影片剪辑拖放到舞台当中,并将这个实例命名为“bol”。如图:

水滴制作

(2)、选中这个实例,按F9打开动作面板,这里要进行一些初始变量的设置。程序如下:

onClipEvent (load) {

radomtime = random(5);

//设置一个用来控制时间差距的变量

starttime = getTimer()+8000+radomtime;

//设置一个获取影片总共播放时间的变量,并且这个变量比影片播放总时间长8秒左右。

}

onClipEvent (enterFrame) {

Timercheck = starttime-getTimer();

//用starttime和影片播放的时间之差来控制水滴落下

if (Timercheck<=0) {

this.gotoAndPlay("over");

}

//如果影片播放的时间比刚才获取到的starttime时间要长,那么就让水滴落下。

}

水滴制作

(3)、接下来要对舞台上的实例进行复制了。新建立一个层用来放复制实例的代码。

水滴制作

(4)、第一个关键桢的内容是设置复制数量的变量i的初始值。

i = 1; 

水滴制作

(5)、第二桢的程序主要是用来进行实例的复制。程序如下:

radomscale = (random(4)+2)*26;

//设置一个变量用来控制复制后对象的比例大小。

duplicateMovieClip("bol", "bol"+i, i);

//复制舞台上bol实例,将新复制出的对象命名为"bol"+i,深度为i

setProperty("bol"+i, _x, random(400));

setProperty("bol"+i, _y, random(300));

//设置新复制出来对象的X、Y坐标,利用随机函数。

setProperty("bol"+i, _xscale, radomscale);

setProperty("bol"+i, _yscale, radomscale);

//利用刚才设置radomscale变量的值来对复制出来对象的比例大小进行控制。X、Y比例相同,

//这样水滴的外观不至于变形

i++;

水滴制作

6、第三桢的程序是控制复制对象的数量。程序如下:

if (i<=15) {

gotoAndPlay(2);//如果复制出对象的个数不够15个,就返回到第二桢继续复制。

else {

stop()//如果复制的个数够15个的话就停止复制。

}

水滴制作

最后按Ctrl+回车进行测试!

文章录入:晴天    责任编辑:清水洗尘 
  • 上一篇文章:
  • 下一篇文章:
  • 【字体: 】 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    广告招商
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    ::发表评论::
     姓 名:
     评 分: 1分 2分 3分 4分 5分
     评论内容:
  • 严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
  • 用户需对自己在使用本网服务过程中的行为承担法律责任。
  • 本站管理员有权保留或删除评论内容。
  • 评论内容只代表网友个人观点,与本网站立场无关。
  • 广告招商
    文章 下载 图片 文字广告
    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 网站公告 | 管理登陆

    备案/许可证编号: 闽ICP备16020960号-1号 域名创建于2016年8月
    版权: 沐阳乐园 All Rights Reserved 站长:张萍 邮箱:381415887@qq.com 联系QQ:联系站长