Yesky首页| 产品报价| 行情| 手机 | 数码 | 笔记本 | 台式机 | DIY硬件 | 外设 | 网络 | 数字家庭 | 评测 | 软件 | e时代 | 游戏 | 图片 | 壁纸 | 群乐 | 社区 | 博客 | 下载
软件频道>设计在线>Flash|平面网页Flash视频三维欣赏|设计专题教程素材| 群乐:Vista系统下载
您现在的位置: 天极网 > 软件频道 > 设计在线 > flash > Flash AS代码编写图片环绕旋转效果
全文
群乐:Flash

Flash AS代码编写图片环绕旋转效果

2008-02-23 07:28 作者: acti0n 中国教程网 出处: 天极网软件频道 责任编辑:杨玲
  本文介绍如何用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为图片的张数加一。


  如对于本文有任何疑问、意见以及建议,请在文章底部的留言板上留言。

  更多精彩,尽在天极设计在线 design.yesky.com!

电脑美术设计热门专区
电脑美术设计热门专区

设计软件视频教程大全
设计软件视频教程大全
设计软件经典教程
设计软件经典教程
设计人生——数码设计人访谈实录集
设计人生——数码设计人访谈实录集
·精彩设计作品展示
·精彩设计素材
·照片后期处理专区
·设计软件经典专题集粹
欢迎订阅天极网RSS聚合资讯:http://www.yesky.com/index.xml