带AS的图片环绕旋转效果制作方法

新客网 XKER.COM 2008-01-04 来源：中国教程网 acti0n 收藏本文

好～现在开始咯～

新建FLASH文件～

修改-》文档，把文档的背景色改成黑色～

CTRL+F8新建元件【text】～
在元件的帧上放13个关键帧～
第一帧留空～
在其他每个关键帧中输入一个字母【颜色自定～不过不能是黑色哈～】，并用对齐面板把各个字母放到元件的舞台的正中～

对齐面板的使用如图：
图1
代码：stop();
这时的时间轴如图：
图2


退回场景1～
把刚才新建的元件拖到舞台中～
打开它的属性面板～把实例名称命名为 v0

再新建元件【earth】
在元件的第一帧画一个小圆『黑色』，和背景色一样～

退回场景1～
把刚才新建的元件拖到舞台中～
打开它的属性面板～把实例名称命名为 earth

在场景1新建图层～

在新图层第一帧输入以下代码：

for(i=1;i<13;i++){
duplicateMovieClip("v0","v"+i,i);
_root["v"+i].factor=-360/12*i;
_root["v"+i].gotoAndStop(i+1);
}

选中元件 【text】~在动作面板输入以下代码：

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/180*factor);
ytransform = Math.sin(Math.PI/180*factor);
ytransformp = Math.sin(Math.PI/180*(factor+90));
this._xscale = ytransformp*120+1;
this._x = _root.earth._x+xtransform*radius;
this._alpha = 10+(ytransformp+1)*50;
this._yscale = 120+(ytransformp-1)*2;
stack = Math.round((ytransform+1)*100);
this.swapDepths(stack);
}

恩～这样差不多就行了～

如果还有不懂的请看源文件～：（附.fla文件）点击下载

扩展：

如果要变成图片的环绕效果～只要把元件【text】中的字母换成图片就可以了～
如果图片太大或太小，请修改以上代码中的radius = 180；这句～只要改变值180即可
如果图片不是12张～请修改元件【text】的帧数～第一帧照样留空～修改第一段代码for(i=1;i<13;i++)中的13为图片的张数加一

• ·JS+FLASH 参数传递 个人见解
• ·Dreamweaver插入Flash参数详解
• ·将Photoshop创建的位图导入Flash MX
• ·Flash AS代码编写图片环绕旋转效果
• ·如何调用Flash才符合Web网页标准？
• ·设计思考：Flash Web结构之数据显示层
• ·巧妙去除Flash动画在线播放限制
• ·Flash MX 2004 Media组件实现多首mp3连放
• ·把fla文件输出成和swf一样的gif文件
• ·如何合并不同帧频(fps)的Flash文件
• ·Flash ActionScript函数制作雪花飘飘动画
• ·使用Flash引导线制作雪花飘飘动画
• ·Flash教程：AS下雨动画效果的制作
• ·Flash AS代码常用调试语句trace()的使用
• ·Flash教程：纯AS打造3D小方块
• ·带AS的图片环绕旋转效果制作方法