CGArt-中国CGer中的绿色家园
首页 信息动态 原创排行 互动教程 资源千寻 CG人才 CGArt杂志 艺术设计 CG画廊 CG论坛 酷站欣赏 CG搜索 会员中心
Flash8打造精美三维视觉冲击动画
来源:网页教学网 作者:闪电儿 编辑:浪漫的季节 发布时间:2007年04月23日 14:17:25

利用Flash8的Action script实现立体三维动画效果,效果还可以。

先看效果:

步骤:

1、新建立Flash文档,然后按Ctrl+J修改属性:

Flash8打造精美三维视觉冲击动画

2、然后按Ctrl+F8新建立一个电影剪辑元件:

Flash8打造精美三维视觉冲击动画

3、然后选择椭圆工具,设置边的颜色为无色,填充颜色任意,当然你可以选择一种渐变,大小为40*40px,效果如下图:

Flash8打造精美三维视觉冲击动画

4、然后在第10帧处插入关键帧,使填充颜色正好倒转,然后做形状动画:

Flash8打造精美三维视觉冲击动画

你可以按回车键测试下,这时小球自己转动了!呵呵

5、接着我们回到场景1中来,然后按Ctrl+L打开库,把我们刚才制作的Symbol1元件拖到舞台中,单击选中小球,然后按F9打开动作面板,输入下面指令:

onClipEvent (load) {
 y=100;
 Angle_Inc=12;
 speed=1.5;
 radius=200;
 xcenter=100;
 ycenter=40;
 zcenter=100;
 Per=150;
 angle=0;
  }

onClipEvent (enterFrame) {
 x=Math.cos(angle*Math.PI/180)*radius+xcenter;
 z=Math.sin(angle*Math.PI/180)*radius+zcenter;
 scale=Per/(Per+z);
 _x=x*scale+xcenter;
 _y=y*scale+ycenter;
 _xscale=_yscale=scale*50;
 
 duplicateMovieClip(this,"ball"+0.1,angle/Angle_Inc);
 
     angle+=speed;
  if(angle>359){
  angle-=360;
 }
}

上述代码不给大家全部解释了!只挑几个重点部分稍微说明一下

Angle_Inc = 12;设置的是深度,在屏幕上你就会看到30小球(360/12=30),如果你设置Angle_Inc = 15,那么就会看到24个小球(360/15=24)。

duplicateMovieClip (this, "ball"+0.1, angle/Angle_Inc);

是duplicateMovieClip(target, new name, depth) 函数,复制影片的函数。如何使用你可以查看相应的ActionScript手册。

好了就这么简单,按Ctrl+Enter测试吧!

共有评论0条
更多评论..
作者信息 详细信息
评论人:
验证码:
内容:
 
about us advertisement publish conformity service cooperate associate link site map contact us help jump to the top of page