当前位置: 首页 > 图文教程 > Flash动画 > ActionScript > Flash AS教程:图片环绕旋转效

ActionScript
Flash as与影片剪辑的调用
Flash AS2教程:缓冲运动
flash as2的缓动类
FLASH AS教程:ActionScript3简介
Flash AS3教程:编程基础
ActionScript和网页JavaScript互相调用
Flash ActinScript 3.0基础知识
ActionScript 3.0的流程控制语法
ActinScript3.0开发基础知识:可重用代码
Flash自定义函数实例
ActoinScript教程:小数坐标处理
AS教程:鼠标拖拽与旋转MC
Flash AS3基础教程:掌握鼠标事件应用
Flash AS3教程:快速制作烟雾动画
Flash AS代码书写约定和书写习惯
学习Flex:常见的Flex代码
Flex教程:ScriptLimits标签
Flash AS教程:propertydata问题解决
Flash AS3单列模式实现方式
as3中通过ByteArray进行对象的深度拷贝

ActionScript 中的 Flash AS教程:图片环绕旋转效


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-16   浏览: 99 ::
收藏到网摘: n/a

好~现在开始咯~

新建FLASH文件~

修改-》文档,把文档的背景色改成黑色~

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

对齐面板的使用如图:
图1 Flash AS教程:图片环绕旋转效
代码:stop();
这时的时间轴如图:
图2 Flash AS教程:图片环绕旋转效


退回场景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为图片的张数加一