毕业论文 论文提纲 论文写作 公文范例 教育论文 教育学论文 师范教育 学术论文     论文指导*
                     
 
   
   
   
   
           
 

当前位置:课件115学培吧(kj115.com)→flash网侠教程(助你成为顶尖课件高手)→系列文章

 
 
标题:Flash AS代码编写水滴滑落动画效果
 
展示台

文章来源 作者:admin 密码:admin 整理:湖北金鹰

◇网侠教程栏目简介
    提供FLASH侠客教程和网页制作侠客教程,高手进阶教程。
    浏览过这些资源的还浏览过经典教程图文教程游戏开发教程等相关资源。

---------------

湖北金鹰课件吧

论文相关服务
 

 

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

Flash AS代码编写水滴滑落动画效果图片2

图1

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

Flash AS代码编写水滴滑落动画效果图片3
图2

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

Flash AS代码编写水滴滑落动画效果图片4
图3

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

Flash AS代码编写水滴滑落动画效果图片5
图4

  下面进行AS代码序编写:
1、首先来编写按钮上的程序,当鼠标按下或移动到它上面的时候就执行水滴落下的动画:
on (release, rollOver) {
gotoAndPlay("over");
}

Flash AS代码编写水滴滑落动画效果图片6

图5

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

Flash AS代码编写水滴滑落动画效果图片7

图6

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

Flash AS代码编写水滴滑落动画效果图片8
图7

  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时间要长,那么就让水滴落下。
}

Flash AS代码编写水滴滑落动画效果图片9

图8

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

Flash AS代码编写水滴滑落动画效果图片10
图9

  4、第一个关键帧的内容是设置复制数量的变量i的初始值。
i = 1;

Flash AS代码编写水滴滑落动画效果图片11

图10

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++;

Flash AS代码编写水滴滑落动画效果图片12

图11

  6、第三帧的程序是控制复制对象的数量,程序如下:
if (i<=15) {
gotoAndPlay(2);//如果复制出对象的个数不够15个,就返回到第二帧继续复制。
} else {
stop()//如果复制的个数够15个的话就停止复制。
}

Flash AS代码编写水滴滑落动画效果图片13

图12

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

 

 
课件115学培吧(湖北金鹰)欢迎您!永久免费服务网址:http://www.kj115.com
   
 

学员众多的FLASH课件学习基地,成万免费FLASH课件制作教程在线学习,还有免费内容课件教程、视频教程、课件技巧、课件探讨、课件欣赏、课件展示、实用教程、课件界面、课件脚本、课件游戏、课件下载、课件封面、课文内容图片、课文人物图片库、课件素材、图片素材、声音素材、动物素材、背景图片、背景资料、背景边框、课件顶栏图片素材、Dreamweaver教程、Dreamweaver网页课件教程、软件下载。承接学习和培训,承接课件订制,课件修改等所有课件相关服务。
本站主要业务:┃flash课件制作视频教程培训┃承接全国竞赛flash课件┃论文代写代发┃代办课件国家级获奖证书┃
联系:QQ:444860709 手机:13339817386


 
 

业务办理
鄂ICP备08005724号