Flash实例教程

Flash实例教程

实例制作邮票（鸟语花香）

（1）新建文档（600*450）；将素材导入到舞台中央。

（2）在图层1下方新建图层2，然后选择“矩形工具”绘制比图像四周略大的矩

形（586*430，红色边框，填充颜色为白色）；然后在“属性”面板中单击“自定

义”按钮，并设置参数（粗细：18，类型：点状线，点距：9）。

（3）对绘制的矩形执行分离操作。

（4）在矩形边框处于被选中状态时，执行“修改”/“形状”/“将线条转换为填

充”命令；使用“选择工具”选择场景中的白色矩形，将其剪切；选择图层2，

将第1帧删除，并插入关键帧，将剪切的图像粘贴至原位。

形状补间实例

实例飘扬的旗帜

（1）新建文档，在图层1绘制一个细长的圆角矩形作为旗杆；并在第20帧插入帧（F5）；

（2）新建图层2，绘制一个笔触颜色无，填充色为红色的矩形作为旗帜；分别在第5、10、15、20帧插入关键帧，创建形状补间动画；并使用任意变形工具的封套功能，制作出旗帜飘扬时的状态。

实例旋转的三棱锥

新建文档，使用线条工具绘制立体图形，填充橘色到黄色的线性渐变，并删除边框；

（2）在第20帧插入关键帧，绘制立体图形；并创建形状补间动画；

（3）在第21帧插入关键帧，绘制三角形；

（4）选择第1帧，插入6个形状提示点；并在第20帧中将提示点移动到相应的舞

台位置。

逐帧动画实例

实例倒计时动画

（1）新建文档，在图层1上使用椭圆工具和线条工具绘制背景图形；

（2）新建图层，输入数字，并插入关键帧，更改数字。

实例电子表

（1）新建文档，在图层1上绘制电子表图形；

（2）新建图层，输入数字，并插入关键帧，更改数字。

遮罩层实例应用

实例遮罩文字

（1）新建文档，在图层1使用文字工具输入文字信息；并在第30帧插入帧；

（2）新建图层2，并位于图层的下方，导入素材，并对素材的大小、位置进行调

整；在第30帧插入关键帧，调整位置，创建补间动画。

（3）将图层1设置为遮罩层。

实例闪耀的五角星

（1）新建文档；绘制一个笔触颜色为橘红色，填充颜色为黄色到红色渐变的五角

星；

（2）在第20帧、40帧插入关键帧，创建补间动画；并选中20帧，修改五角星的颜色（51，168，51）；

（3）新建图层，绘制直线，复制直线绕五角星旋转一周；并将这些线条转换为填充；

（4）新建图层，绘制一个无填充颜色，笔触高度为10，颜色为白色完全透明到白色再到白色完全透明的圆；并将其转换为填充；复制2个圆，并将3个圆形成同心圆，进行尺寸缩小；

（5）在第40帧插入关键帧，将同心圆放大；创建补间动画；

实例万花筒

（1）新建文档（400*400），新建一个影片剪辑元件(Ctrl+F8)，导入素材到场景中央。

（2）在图层1上新建图层2，绘制一个无边框的圆，位于场景中央，并将其打散。（3）单击线条工具，在圆的中央画一条直线，使用任意变形工具，移动旋转中心点，在变形面板的旋转文本框中输入45度，单击复制并应用变形按钮；删除多余的图形得到扇形，并进行组合。

（4）选择图层1，在第60帧，插入关键帧，创建补间动画；并在属性面板设置沿顺时针旋转1次。

（5）选择图层2，在第60帧插入普通帧，，并将其转换为遮罩层。

（6）回到场景1，将图形元件删除，将扇形元件拖入到场景，在变形面板的旋转文本框中输入45度，单击复制并应用变形按钮，拼合成一个圆形。

（7）将场景中的元件，进行组合。

实例卷轴效果

（1）新建文档（白色背景，200*400），绘制矩形（180*400，内部填充为橙色，边框线为6）；再绘制一个矩形（150*360，填充为白色，边框线为2）；

（2）新建一个图形元件（卷轴），用矩形工具绘制一个无边框的渐变矩形（200*20）；用椭圆工具绘制一个渐变圆（30）；

（3）新建2个图形元件（文字）；输入文字，并进行滤镜效果处理；

（4）返回到场景，新建图层（卷轴1、卷轴2），并放入相应的图形元件；将文字元件导入到图层1中；

（5）在3个图层的第30帧插入关键帧，并修改卷轴2图层图形的位置（第1帧在上方，第30帧在下方），并创建补间动画；

（6）在图层1上方新建遮罩图层，绘制一个与画卷一样大小的矩形，创建补间动画。

动作脚本实例

实例比例控制杆

（1）新建文档，从场景（175，25）点向右绘制一条200点的水平线，并分别在头和尾添加静态文本50%、200%；

（2）新建一个影片剪辑，实例名为bili；

（3）新建一个影片剪辑，实例名为tupian;

（4）在场景第1帧添加代码：

bili.onPress=function()

{

startDrag("bili",true,175,25,375,25);

}

bili.onRelease=function()

{

stopDrag();

}

_root.onEnterFrame=function()

{tupian._xscale=bili._x-125;

tupian._yscale=bili._x-125;

}

实例制作光影效果

（1）新建文件；新建图形元件“光”，在图形元件的编辑窗口，绘制一个无边圆形，将其组合，移动到场景中心；

（2）新建一个影片剪辑元件“光1”，将光图形元件拖入到场景中，将其对齐到舞台中心；选择第10帧，插入关键帧，并将透明度更改为0，创建补间动画；在第10帧上添加停止语句；

（3）返回场景，新建图层，将光1拖动到场景中的灰色区域，使其在动画播放时不可见；并在属性面板中输入a作为实例名称；

（4）新建一个影片剪辑元件em，不做任何操作；回到场景，选择图层2，将em 影片剪辑元件拖到场景中的灰色区域；添加脚本代码：

onClipEvent (load) {

_root.i=1;

}

`onClipEvent (mouseMove) {

duplicateMovieClip(_root.a,"a"+_root.i,_root.i);

_root["a"+_root.i]._x=_root._xmouse;

_root["a"+_root.i]._y=_root._ymouse;

_root.i++;

if(_root.i==50){_root.i=1;}

}

实例随机飘动的气球

（1）新建一个影片剪辑元件bolloon1（绘制一个气球），并拖曳到舞台图层1的第一帧，取实例名为qiq_mc,并输入代码：

onClipEvent(load){

speed=random(5)-random(2)-random(2)+4;}

onClipEvent(enterFrame){

this._y-=speed;

this._x+=math.cos(speed-4)

if(this._y<-45){

this._y=random(100)+445;

}

}

（2）新建一个图层，输入代码：

i=1;

while(i<=30){

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

setProperty("qiq_mc"+i,_x,random(550));

setProperty("qiq_mc"+i,_y,random(400)+550);

setProperty("qiq_mc"+i,_xscale,random(40)+10);

setProperty("qiq_mc"+i,_yscale,getProperty(eval("qiq_mc"+i),_xscale)); setProperty("qiq_mc"+i,_alpha,random(10)+70);

_root["qiq_mc"+i].c=new Color(_root.qiq_mc);

_root["qiq_mc"+i].c.setRGB(random(0xffffff));

i++

}

_root.qiq_mc._visible=0

实例繁星点点

（1）新建文档；新建图形元件，绘制星星图案；

（2）新建影片剪辑元件，将图形元件拖入场景中央，并在第15帧、30帧插入关键帧，将第15帧的图形缩小；

（3）将影片剪辑拖曳到场景灰色区域（-100，-100），并取实例名为xing;

（4）在场景的第1帧添加代码：

xing._visible=0

i=10;

_root.onMouseDown=function()

{

duplicateMovieClip("xing","x"+i,i);

setProperty("x"+i,_x,_xmouse);

setProperty("x"+i,_y,_ymouse);

n=Math.random()*100+50;

setProperty("x"+i,_xscale,n);

setProperty("x"+i,_yscale,n);

i++;

}

实例计时器

（1）新建文档，建立6个图层；

（2）在文本图层中拖动光标绘制4个动态文本框，实例名分别为“xiaoshi”、“fen”、“miao”、“haomiao”，并在4个文本框间绘制间隔符。

（3）在播放、停止、清除图层的第1帧各拖放一个按钮元件。

（4）在动作图层的第一帧，输入代码：

//定义用来存储计数用的小时数据、分钟数据、秒数据、毫秒数据、毫秒差值、重新计数开始前已经过的毫秒数据变量

_root.myxiaoshi=0;

_root.myfen=0;

_root.mymiao=0;

_root.myhaomiao=0;

_root.thisget=0;

_root.helphaomiao=0;

//将计算数据得到的小时数、分钟数、秒数、毫秒数在相应的文本框中显示出来_root.xiaoshi.text=myxiaoshi;

_root.fen.text=myfen;

_root.miao.text=mymiao;

_root.haomiao.text=myhaomiao;

//定义用来计数的函数

_root.startcount=function()

{ helphaomiao=getTimer();

_root.onEnterFrame=function()

{

thisget=getTimer()-helphaomiao;

myxiaoshi=(thisget-thisget%3600000)/3600000;

myfen=(thisget-thisget%60000)/60000%60;

mymiao=(thisget-thisget%1000)/1000%60;

myhaomiao=thisget%1000;

_root.xiaoshi.text=myxiaoshi;

_root.fen.text=myfen;

_root.miao.text=mymiao;

_root.haomiao.text=myhaomiao;

}

}

//定义用来停止的函数

_root.stopcount=function()

{

_root.onEnterFrame=function()

{

}

}

//定义用来清零的函数

_root.resetcount=function()

{

_root.onEnterFrame=function()

{

_root.xiaoshi.text=0;

_root.fen.text=0;

_root.miao.text=0;

_root.haomiao.text=0;

}

}

（5）分别对三个按钮写调用函数的代码：

计时按钮

on(press)

{startcount();}

停止按钮

on(press)

{stoptcount();}

清除按钮

on(press)

{resetcount();}

实例函数求值

（1）新建文档，使用文本工具输入静态文本函数表达式和提示信息；

（2）添加一个输入文本，变量名为x；添加一个动态文本，变量名为y；添加一个计算按钮，输入代码：

on(release){

if(_root.x!="") {

i=Number(_root.x);

if(i>3) {

_root.y=i*i-9;

} else if(i<-3) {

_root.y=i*i;} else {

_root.y=9-i*i;

}

}

}

添加一个清除按钮，输入代码：

on(release)

{

_root.x="";

_root.y="";

}

实例解一元二次方程

（1）新建两个图形元件text1（输入文字）、text2（绘制公式图）和一个影片剪辑

元件nokey（第一帧，stop();第二帧，stop()，并在舞台上输入文字“无解”）；

（2）回到主场景，将两个图形元件拖曳到舞台，并在舞台上绘制另外一个公式图。

并将影片剪辑元件拖动到舞台，实例名为incorrect。

（3）添加输入文本（在字母a、b、c后面，并在变量项后输入对应变量名）和动态文本（7个：b1,b1, a1,c1,a1,topx,bottomx）。

（4）新建两个按钮元件calulate和cls；

（5）添加按钮和动作代码。

计算按钮代码：

on(press,keyPress "")

{

a1=a;

b1=b;

c1=c;

determinant=(b*b)-(4*a*c);

if(Number(determinant)<0)

{incorrect.gotoAndStop(2);

}

else

{

n=Math.sqrt(Number(determinant));

topx=(Number(-b1)+Number(n))/(2*Number(a1));

bottomx=(Number(-b1)-Number(n))/(2*Number(a1));

incorrect.gotoAndStop(1);

}

}

清除按钮代码：

on(press)

{

a="";

b="";

c="";

a1="";

b1="";

c1="";

topx="";

bottomx="";

incorrect.gotoAndStop(1);

}

实例下雨（下雪、星空）效果

（1）新建文档，导入素材；

（2）新建影片剪辑，并取实例名；

（3）新建动作图层，在第1帧输入代码：xiayu.duplicateMovieClip("yu"+i, i);

mc = _root["yu"+i];

mc._x = Math.random()*600+40;

mc._y = Math.random()*300;

mc._alpha = Math.random()*60+40;

i++;

在第2帧插入空白关键帧，输入代码：

if (i<40) {

gotoAndPlay(1);

} else {

i = 1;

}

实例烟花

（1）新建文档；新建影片剪辑元件1，有3帧，不同颜色,并新建一个图层，分别在三帧上添加停止语句；

（2）新建影片剪辑元件2，实例化影片剪辑元件1为yuan，创建向右移动动画（1-25-30），并在第31帧插入空白关键帧，添加语句：

this.removeMovieClip();

stop();

（3）新建影片剪辑元件3，将影片剪辑元件2拖动到场景图层1，实例化为myyuan，并延长到第10帧；新建图层2，输入代码：

在第1帧添加代码：

j=0;

k=Math.floor(Math.random()*3)+1;

myyuan._visible=false;

在第3帧插入空白关键帧，添加代码：

for(i=j;i<60;i++)

{

mline.duplicateMovieClip("yuan"+i,i);

mc=eval("yuan"+i)

mc.yuan.gotoAndStop(k);

mc._rotation=i*6;

n=20+random(80);

mc._xscale=n;

mc._yscale=n;

}