CGArt-中国CGer中的绿色家园
首页 信息动态 原创排行 互动教程 资源千寻 CG人才 CGArt杂志 艺术设计 CG画廊 CG论坛 酷站欣赏 CG搜索 会员中心
Flash AS代码编写图片环绕旋转效果
来源:天极网软件频道 作者:acti0n 中国教程网 编辑:浪漫的季节 发布时间:2008年02月25日 14:03:56

本文介绍如何用Flash的AS代码编写图片环绕旋转效果。

新建FLASH文件, 修改-》文档,把文档的背景色改成黑色。CTRL+F8新建元件text,在元件的帧上放13个关键帧,第一帧留空,在其他每个关键帧中输入一个字母(颜色自定,不过不能是黑色),并用对齐面板把各个字母放到元件的舞台的正中。

对齐面板的使用如图:

flash


代码:stop();

这时的时间轴如图:

flash

退回场景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); 

这样差不多就可以了。


扩展制作:
如果要变成图片的环绕效果~只要把元件【text】中的字母换成图片就可以了。
如果图片太大或太小,请修改以上代码中的radius = 180;这句~只要改变值180即可。
如果图片不是12张~请修改元件【text】的帧数,第一帧照样留空~修改第一段代码for(i=1;i<13;i++)中的13为图片的张数加一。
新闻标题 发布 时间
带AS的图片环绕旋转效果制作方法 2007年12月07日 09:52:39
共有评论0条
更多评论..
作者信息 详细信息
评论人:
验证码:
内容:
 
about us advertisement publish conformity service cooperate associate link site map contact us help jump to the top of page