[Flash动画制作]Flash AS教程:图片环绕旋转效

分类:Flash动画制作    发布时间:2017年06月06日    点击:1102次

[Flash动画制作]Flash AS教程:图片环绕旋转效


  好~现在开始咯~

  新建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为图片的张数加一

推荐阅读:

官方宣布“勇者部”系列将推新作!

《狐妖小红娘》千颜篇第2集 小白脸遭遇桃花劫

三维轮胎模具动画制作:元通轮胎模具机械动画视频

最近发表
标签列表