Flash AS教程-图片环绕旋转动画

平面设计 2025-03-05 11:47www.168986.cn平面设计培训

使用Flash的AS代码打造炫酷的图片环绕旋转效果

让我们开始创建一个新的Flash文件。将文档的背景色设置为黑色。接下来,通过Ctrl+F8新建一个名为“text”的元件。在这个元件的帧上,我们将设置13个关键帧。第一帧留空,而在其余的关键帧上,我们将分别输入一个字母,并将这些字母放置在元件舞台的正中心。为了方便操作,我们可以使用对齐面板来对齐这些字母。

接下来,我们创建一个名为“earth”的元件,并在其第一帧上绘制一个小圆,颜色也是黑色,与背景色一致。将这个元件拖到舞台中,并将其实例名称命名为“earth”。

现在,让我们回到场景1并为它新建一层。在这一层的第一帧,我们需要输入一段代码来实现图片的环绕旋转效果。代码大致如下:

对于图片环绕旋转效果的核心代码:

```actionscript

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

duplicateMovieClip("v0","v" + i,i);

_root["v" + i].factor = -360/12i;

_root["v" + i].gotoAndStop(i+1);

}

```

选中“text”元件,并在动作面板输入以下代码:

```actionscript

onClipEvent(load){

_root.earth.swapDepths(100);

speed = 3;

radius = 180;

}

onClipEvent(enterFrame){

_y = _root.earth._y;

z = _root.earth._x - _root._xmouse;

speed = z/40;

factor = speed;

xtransform = Math.sin(Math.PI/180factor);

ytransform = Math.sin(Math.PI/180factor);

ytransformp = Math.sin(Math.PI/180(factor + 90));

this._xscale = 120(ytransformp+1);

this._x = _root.earth._x + xtransformradius;

this._alpha = 10 + (ytransformp-1)50;

this._yscale = 120(ytransformp-1)2;

stack = Math.round((ytransform + 1)100);

this.swapDepths(stack);

}

```

至此,图片环绕旋转效果基本完成。如果你想将这个效果应用到图片而非字母上,只需将“text”元件中的字母替换为图片即可。如果图片大小不合适,可以调整代码中的“radius”值。如果图片数量不是12张,只需修改“text”元件的帧数,并在第一段代码中相应调整图片的张数加一。这样,你就能轻松地使用Flash的AS代码打造出炫酷的图片环绕旋转效果了。

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by