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

发布时间:2011-06-08    发布:    分类:技术文档

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

  对齐面板的使用如图:

    代码:stop();

  这时的时间轴如图:

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

查看 [3013]   评论 [0] 
相关标签:
文章评论
暂无数据!
我来说两句
昵 称:
评 论:
   
咨询电话:020-61136292 87569708 61004412 61004413
讯博官网 | 走进讯博 | 整合营销 | 案例解读 | 资讯中心 | 案例欣赏 | 产品体验区 | 客户如是说 | 联系我们
版权所有 © 2003-2014 广州讯博网络科技有限公司 粤ICP备08107356号 开心一刻
Website Design & Power by:Cenbel.com