当前位置：首页 > 实用文档 > 其他范文> Flash教程：制作无限回廊效果

Flash教程：制作无限回廊效果

时间：2022-04-29 11:27:52 其他范文收藏本文下载本文

“三生”为你分享9篇“Flash教程：制作无限回廊效果”，经本站小编整理后发布，但愿对你的工作、学习、生活带来方便。

Flash教程：制作无限回廊效果

篇1：Flash教程：制作无限回廊效果

准备6个100 × 100的图片

1、新建Flash 文件,设置属性： 500 × 200 ，背景黑色，

2、从菜单选择文件-> 导入-> 导入到舞台。选择你要使用的图片。图1：

3、垂直地对舞台的中心放置图片。平均、水平地隔开他们。使用对齐面板。图2、图3： 4、将图片转换成影片剪辑：单击舞台上最左边的图片转换成影片剪辑。命名为”My Image 1 ″而且设定注册点为居左中位置。

5、重复这个步骤，将其它的图片全部转换为影片剪辑。命名为 “ My Image 2 ″ ”，My Image 3 ″ ... 依此类推。图4：

现在你的库如图5： 6、双击”My Image 1″影片剪辑，进入My Image 1的编辑状态，添加 as图层。图6：选中第1帧，在动作面板中输入代码：

//Import TweenMax

import gs.*;

//Set the initial state for this movie clip

TweenMax.to(this, 0.5, {alpha: 0.4});

//Add mouse over & out event listeners

this.addEventListener(MouseEvent.MOUSE_OVER, mouseOverHandler);

this.addEventListener(MouseEvent.MOUSE_OUT, mouseOutHandler);

//This function is called when mouse is over this movie clip

function mouseOverHandler(e:Event):void {

//Tween the alpha

TweenMax.to(this, 0.5, {alpha: 1});

}

//This function is called when mouse is out of this movie clip

function mouseOutHandler(e:Event):void {

//Tween the alpha

TweenMax.to(this, 0.5, {alpha: 0.4});

}

重复这个步骤到其它的影片剪辑。(当移动鼠标在一个图片上的时候，添加一个透明度效果。可以修改成放大或其它效果，自行的试验一下。)

7、前期工作已全部完成，现在开始创建无限循环，

在主时间轴，选择所有的六个影片剪辑。将他们转换成影片剪辑，命名 “ Gallery Images ”。图7：

8、为了使图片有无限循环的效果，我们需要舞台上的 “ Gallery Images ” 影片剪辑的另一个实例。因此在舞台上复制(选中Gallery Images，按住Ctrl键拖拽)另外的一个 “ Gallery Images ” 影片剪辑，放置在第一个实例后面，使他们水平地排列。图8： 9、选中舞台上的 “ Gallery Images ” 影片剪辑的两个实例。将他们转换成影片剪辑，命名 “ Infinite Gallery ” 设定注册点为左居中。图9： 10、在属性面板填入实例名字 “ infiniteGallery” 。

11、添加as层，打开动作面板输入代码：

//Import TweenMax

import gs.*;

//Save the horizontal center

var centerX:Number = stage.stageWidth / 2;

//Save the width of the whole gallery

var galleryWidth:Number = infiniteGallery.width;

//Speed of the movement (calculated by the mouse position in the moveGallery function)

var speed:Number = 0;

//Add an ENTER_FRAME. listener for the animation

addEventListener(Event.ENTER_FRAME, moveGallery);

function moveGallery(e:Event):void {

//Calculate the new speed

speed = -(0.05 * (mouseX - centerX));

//Update the x coordinate

infiniteGallery.x+=speed;

//Check if we are too far on the right (no more stuff on the left edge)

if (infiniteGallery.x>0) {

//Update the gallery’s coordinates

infiniteGallery.x= (-galleryWidth/2);

}

//Check if we are too far on the left (no more stuff on the right edge)

if (infiniteGallery.x<(-galleryWidth/2)) {

//Update the gallery’s coordinates

infiniteGallery.x=0;

}

这一段代码负责无限循环。

12、全部完工，测试影片。

篇2：Flash制作制作无限级菜单

菜单

原来是三级菜单，写书时想把它做为例子(第5章的第4个例子中），于是用递归改成无限级的

首先得准备xml文件

部分载图：

核心代码：

function addMenu(mc) {

removeMenu((mc.level-1)*depthDis, (mc.level+menuLevel-1)*depthDis-1);

var tempArray = [];

tempArray = mc.data;

var j = tempArray.length;

for (var i = 0; i

var d = mc.level*depthDis-i-1;

var t = menu.duplicateMovieClip(“menu”+d, d);

menuStyle(t, tempArray[i].attributes.text);

t._x = mc._x+(mc._width+dis);

t._y = mc._y+(hei+dis)*i;

if (tempArray[i].childNodes[0] != undefined) {

var tmc = t.createEmptyMovieClip(“nex”, 2);

createNext(tmc, wid-12, 5);

}

t.data = tempArray[i].childNodes;

t.level = mc.level+1;

t.id = i;

t.onRollOver = function() {

addMenu(this);

mc.prev = mc.curr;

menuOutStyle(mc.prev);

mc.curr = this;

menuRollStyle(mc.curr);

};

if (t.data[0] == undefined) {

t.onRelease = function() {

var _u = tempArray[this.id].attributes.link;

if (_u != undefined) {

createLoading(“swf/”+_u);

}

};

}

呵，用了Tween类，效果很cool

篇3：Flash教程:纯AS代码制作的燃烧的火焰效果

背景

var mcs:MovieClip = createEmptyMovieClip(“query”, -1);

with (mcs) {

beginFill(0x000000,100);

lineStyle(0,0x000000,0);

moveTo(0,0);

lineTo(Stage.width,0);

lineTo(Stage.width,Stage.height);

lineTo(0,Stage.height);

lineTo(0,0);

endFill;

}

制作影片剪辑实例

import flash.geom.*;

var McR:Number = 40;

var McA:Number = 60;

var CreaMovie:MovieClip = this.createEmptyMovieClip(“CreaMc”, 0);

with (CreaMovie) {

fillType = “radial”;

colors = [0xFFFF00, 0xFFFF00];

alphas = [McA, 0];

ratios = [0, 0xFF];

matrix = new Matrix();

matrix.createGradientBox(McR,McR,0,0,0);

beginGradientFill(fillType,colors,alphas,ratios,matrix);

moveTo(0,0);

lineTo(0,McR);

lineTo(McR,McR);

lineTo(McR,0);

lineTo(0,0);

endFill();

}

CreaMovie._visible = false;

火效果

var McNum:Number = 1;

var McMore:Number = 200;

var McRandom:Number = 6;

var McY:Number = 4;

var Mc_x:Number = Stage.width/2;

var Mc_y:Number = Stage.height/2+Stage.height/4;

var Mc_more:Number = 100;

var Mc_scal:Number = 50;

flame = function(){;

var scale:Number=random(Mc_scal)+1;

var flames:MovieClip=CreaMovie.duplicateMovieClip(“flames”+McNum,McNum,{_x:Mc_x,_y:Mc_y,_alpha:Mc_more/2,_xscale:scale,_yscale:scale});

flames.blendMode = “add”;

flames.fast=Math.floor(scale/10);

flames.action=(random(2)==1)?1:-1;

flames.scal=10-flames.fast;

flames.n=flames.s=1;

flames._r = flames._g = 255;

flames._b =0;

flames.gs=(10-flames.scal+2)*3;

flames.onEnterFrame=function(){

this._x+=this.fast*this.action*this.n*this.s;

this._y-=McY;

this._xscale+=this.scal*this.n*this.s;

this._yscale+=this.scal*this.n*this.s;

this._alpha+=10*this.n*this.s;

this._g-=this.gs;

if(this._g<=0){

this._g=0;

}

new Color(this).setRGB(this._r << 16 | this._g << 8 | this._b);

if(this._xscale>=Mc_more){;

this.n=-1;

this.s=0.2;

};

if(this._alpha>=Mc_more){;

this._alpha=Mc_more;

}else if(this._alpha<=random(20)){;

this.removeMovieClip();

delete this.onEnterFrame();

};

if(McNum>=McMore){;

McNum=0;

};

McNum++;

};

setInterval(flame,10);

篇4：Flash AS教程：制作物理课件电流效果

在学习中遇到问题可以到论坛发贴交流！

先来看效果：

步骤：

1、运行flash mx，设置文档属性为黑色背景，尺寸200*200像素，

2、新建一个影片剪辑命名为“方框”。利用举行工具，绘制一个1.6*1像素的无边框矩形，进行渐变填充。如图1所示。

图1：绘制方框元件

3、导入一电流通过的模拟声音，并把此声音文件放置在影片剪辑“声音”中。

4、回到主场景，把影片剪辑“方框”拖放到场景中。在下面的属性面板中，给影片剪辑“方框”命名为“d”。并延长至第3帧。如图2所示。

图2：影片剪辑得分身名

[next]

5、先建一个图层，命名为as，

在第1帧添加as：

setProperty(“d”, _visible, “0”);//摄制影片剪辑“d”在第1帧不可见

第2帧添加as：

y=100; //初始化变量

for(i=1;i<=250;i++) {

y =y+ random(3)-1;

duplicateMovieClip(“d”, “d” add i, i);

setProperty(“d” add i, _x, i);

setProperty(“d” add i, _y, y);

}

第3帧添加as：

gotoAndPlay(2); //做一个小循环

6，新建一个图层命名为“声音”，把刚才制作的影片剪辑“声音”拖放到场景中，并延长至第3帧。

7，测试，保存。请参看源文件

对本文感兴趣的朋友可以到这里提交作业，老师会为作业点评、加分：http://bbs.jcwcn.com/viewthread.php?tid=216610

篇5：FLASH制作爆炸效果动画

效果演示：

点击这里下载源文件

制作步骤：

很久以前看到了此篇教程，但是一直保存了其源代码，在网上查了半天没查到该教程，所以只有自己重新给大家做一个教程了！

首先，我们要打开FlashMX ，新建一场景动画，CTRL+J打开文档属性面板，设背景为黑色、帧速为24~48（随你高兴了，自己试试不同的帧速，只要自己觉得满意就行。）

1、按住Shift键在主场景中画一无边框正圆（大小在50×50象素左右），打开混色器面板在填充样式中选中放射性填充。将左右两个色块都设为白色，并将其外（右）侧的色块Alpha值（透明度）设为0。

2、选中这个圆，按F8键转换为图形符号，命名为“圆”。

3、Ctrl+F8新建一电影剪辑符号，命名为“运动的圆”。并将刚才做好的图符拖入进来。打开对齐面板使其中心对齐。

4、在第3帧按F6键插入一关键帧，并将“圆”向上（向左向右向下都行，随你高兴）移动一块（大约半个身位），选中圆，在属性面板中的“颜色”栏中选择高级选项，点击右边“设置”按钮进入高级设置选项。设置如下：这时，“圆”符号成黄色。

5、在第5帧按F6键插入一关键帧，将“圆”再次向上移动一块（约3/4个身位），并用第4步的方法将其改为红色（将G)与B)值都设为-255）。

6、再在第11帧按F6键插入一关键帧，将“圆”再次向上移动一块（约一个身位）并改为灰色。

7、第13帧处按F6键插入一关键帧，将“圆”再次向上移动一块（约一个半至两个身位）并将其Alpha属性设为0（即完全透明）。

8、选中这一层，为这层设置运动动画，

9、回到主场景中，把“运动的圆”拖入进来，把层的名字改为“ball”，选中圆在属性面板中将其命名为“ball”，为以后的编程做准备。

10、在主场景中新建一层，命名为“Action”，用来写代码。

i=1

while(i<=80){

duplicateMovieClip(“ball”,“ball”+i,i);

setProperty(“ball”+i,_rotation,random(360));

i++

}

_root.ball._visible=0

上面的代码的意思是将“ball”复制80份，并将其随机旋转一个角度，这样“ball”就能向四面八方运动了。最后将原“ball”隐藏。

11、在“ball”电影符号中加入Action:

onClipEvent(load){

this._x+=random(50)

this._y+=random(50)

this._yscale=random(50)+50;

}

其意义为：电影被调入时，在X、Y轴的坐标随机增加（1~50）个象素，并将其在Y轴的比例随机改变50%左右。

12、Ctrl+回车测试一下，怎么样，Cool不Cool。

13、爆炸效果到这就做好了，但如果我们想把这种效果应用到自己的Flash动画中还要在“ball”电影符号中的最后一帧中加入如下语句：

removeMovieClip(this);

_root.gotoAndPlay(1);

否则的话，爆炸效果会一直持续，只到你关闭Flash播放器，这可不是我们要的，那句程序就是用来卸载被复制的影片的。

篇6：Flash制作闪电效果动画

如何利用as制作闪电效果？

解决思路（必须要有）

通过复制影片剪辑x轴，y轴坐标，形成闪电的形状，然后利用random随机设置闪电的位置。

具体步骤（必须要有）

1，运行flash mx，设置文档属性，背景为黑色。

2，新建一个影片剪辑，命名为“guo”。进入编辑区绘制一个渐变填充的矩形。矩形两侧的渐变填充为透明，这样可以是黑色的天空更好的融合。如图1所示。

图1：绘制影片剪辑“guo”

3，新建名称为“guoy”的影片剪辑，把“guo”放置在其中。制作闪烁效果。闪烁效果无非就是透明度高低和亮度的高低，我们采用透明度高低的方法制作。如图2所示。

图2：制作闪烁效果

4，光闪电闪了，天空是不是还要闪那？对，同样，制作一白色矩形，将塔拉到主场景中，同第二步一样，调节其渐变，要注意的是一定要配合影片剪辑guoy中的闪烁，guoy透明度一定要和天空闪烁透明度想符合。我们将其第五帧透明度设为20%。其它如图3所示。

图3：天空闪烁效果

5，主场景中新建一个图层，从库中把“guoy”拖放到场景上方，并延长至第11帧。选中影片剪辑“guoy”，在属性面板中命名为“guoy”。如图4所示。

图4：命名影片剪辑

6，先建一个图层as。给第1帧加上如下代码：

i = 1;//初始化变量下面有用。

setProperty(_root.guoy, _visible, false);//设置原始mc不可见。

j = 100+Number(random(300));//初始化变量，下面有用，

Max = random(350);//guoy罗列的最大量

Dis_x = random(3)-1;//两个罗列在一起的guoy在x方向上相错开。

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

while (Number(i)

{

i += 1;//i自加1

_root.attachMovie(“guoy”, “guoy” add i, i);//连接guoy到guoy+i上，层级为i。

setProperty(“guoy” add i, _y, i);//设置guoy+i的mc的y坐标为i,两个复制的guoyY坐标相差1便于连接。

Distans_x = Number(random(5)-2)+Number(Dis_x);//两个guoy之间相差的Y坐标

j += Number(Distans_x);//j自加

setProperty(“guoy” add i, _x, j);//设置属性，不用说了吧

setProperty(“guoy” add i, _xscale, Max-i);//使复制出的guoyX方向上长度随i增大而减小。

}

while (Number(i)<350) {

i = Number(i)+1;

removeMovieClip(“guoy” add i);//当复制出的guoy小于350时，及时清除

以前复制出的guoy以免，这次闪电出现上次余光。

}

7，保存，测试。

点击这里下载源文件

篇7：Flash制作颜色渐变效果

渐变

先看看效果了：

点击这里下载源文件

AS代码：

for (n=0; n<=200; n++) {

attachMovie(“ball”, “ball”+n, n);

this[“ball”+n]._x = 100+n;

y = Math.sin(n*Math.PI/100)*50+150;

this[“ball”+n]._y = y;

myclor = new Color(this[“ball”+n]);

myclor.setRGB(255 << 16 | Math.floor(255*(y-100)/100) << 8 | 0);

}

步骤：

1、插入一movieclip，命名为ball，

Flash制作颜色渐变效果

，

在MC中用椭圆工具画一个正圆。

2、在库中，右键选择链接，使MC的标志符为ball。

3、在场景中的第一桢中加入如上的AS。

原理就是通过改变y轴坐标来改变RGB中的G的成分。当然也可以改变其他成分。

篇8：Flash制作变色花环效果动画

效果演示：

制作步骤：

1，运动补间的灵活运用，

2，掌握随机函数 random的运用。

一，新建图形元件。

1，打开 FLASHMX，新建一大小为 450*300像素，背景色为黑色，帧频默认的文档。

2，单击菜单中的插入――新建元件，名称（ 1），行为（图形元件），单击确定。

3，在工具栏中选择随圆工具，填充色为无色，画一大小为 60*60像素的只有边框的圆。用黑箭头工具选定该圆，在属性面版中设笔触为 2，线条的形状如图 1。

4，选定该圆，复制多一个，结果图如图 2。

5，用黑箭头工具删掉不是交叉的部分，如图 3。

6，选定该圆，用变形工具将该图形的注册点拖到下方，如图 4。

7，按 CTRL+T打开变形面版，在旋转处输入 45，按最下一排的第一个按钮复制并运用变形，连续按七次。全选所有的图形，（水平中齐，垂直居中）。

二，创建影片。

1，菜单――插入――新建元件，名称（ flower），形为（电影剪辑），单击确定。

2， F11 打开库面版，拖出元件 1，（水平中齐，垂直居中），分别在 5， 10， 15， 20， 25， 30帧按 F6。在 5， 10， 15， 20帧分别选定该元件，在属性面版中颜色处的下拉箭头中选色调，然后分别调不同的色，第 5帧的色的调整图如图 5。

各帧上的色调任意。在 25帧处把该元件的 alpha的值设为 0。然后在 20， 25， 30之间建立运动补间，

3，在 60处按 F6，选定该元件，在属性面版设该元件的大小为 25*25。（水平中齐，垂直居中），在 65， 70， 75，按 F6，分别在各帧改变元件的不同色调，方法同上面的 2步骤一样，最后在 80帧处按 F5，在 30到 60帧之间建立运动补间，在属性面版中补间处设运动补间，沿顺时针旋转 1次。

三，组织场景。

1，新增加一图层，一共二个图层，从下到上分别是， flower， AS。如图 6

2，在 flower层，按F11打开库面版，把影片 flower拖入该层中主场景任意一位置，在第四帧按F5。在属性面版中取实例中为 mc。如图 7：

锁定该层。

3，在 AS中 1， 2， 4帧处按 F7键插入空白关键帧。按 F9打开动作面版。

第一帧代码：

mc._visible = 0;

i = 0;

max = 100;

第二帧代码：

duplicateMovieClip(“mc”, “mc”+i, i);

_root[“mc”+i]._x = Math.random()*Stage.width;

_root[“mc”+i]._y = Math.random()*Stage.height;

_root[“mc”+i]._alpha = Math.random()*100;

i++;

第四帧代码：

if (i

gotoAndPlay(2);

} else {

gotoAndPlay(1);

}

存盘测试。

整个满天的花环就写完了。

篇9：Flash时光隧道效果制作

这个效果原理非常简单，我们向大家介绍了一个在x轴，y轴复制随即旋转的效果，那么这个效果其实是x轴y轴缩放比例的复制与随机分布。

效果演示：

具体步骤

1，运行flash mx。文档属性设置为300*200像素，背景黑色。

2，新建一个影片剪辑1，在编辑区里面绘制一个矩形。使用渐变填充，把右侧滑块的透明度设置为0，进行填充。利用鼠标工具把举行的左侧拖拽成圆角。设置举行的旋转角度以及距离影片剪辑中心点的位置。如图1所示。

3，新建一个影片剪辑2，把影片剪辑1拖放到编辑区。在第7帧，第14帧插入关键帧，并移动影片剪辑1的运动位置为斜上方运动。设置第1帧，第7帧，第14帧的影片剪辑1的透明度分别为27%，100%和0%。使它逐渐消失。4，返回到主场景，把影片剪辑2拖放到场景中，在属性面板中设置他的实例名称为mc，并调整他的大小。如图3所示

5， f5键延长图层1至第3帧。新建一个图层，分别在第1帧，第2帧和第3帧插入空白关键帧。如图4所示。

6，选择图层2的第1帧，打开as面板，添加as语句：n=1; //设置一个变量，并给他初始化赋值为1，

7，在第2帧中添加as语句：

if (n<=50) {

//如果n小于等于50，则执行下面的语句。

duplicateMovieClip(mc, “mc”+n, n); //复制名称为mc的影片剪辑，并把它命名为”mc”+n，复制到对应层中。

setProperty(“mc”+n, _xscale, random(60)+20);

//改变“mc”+n的大小,random(60)+20是取随机变量20~80

setProperty(“mc”+n, _yscale, random(60)+20);

setProperty(“mc”+n, _rotation, random(360));

//改变“m”+n的角度,random(360)就是随机取0到360度

_root.mc.visible=0; //设置原mc不可见。