第一门户首页

素材首页>软件·教程>相关教程>盘旋花瓣层叠效果

盘旋花瓣层叠效果

2009年02月16日更新 来源: 作者: 点击数:

 

注:本文出自《FlashCS3 动画制作一点通》节选于第10章

      该实例利用了深度管理方面的排序知识,让简单的排序产生不同层次的空间感,最终产生类似三维动画的效果。可通过该实例效果的实现原理来构建实现更加复杂有趣的鼠标跟随效果。
(1)下面直接进入本节实例的简单分析,还是先观看光盘附件中代码中盘旋花瓣层叠效果.swf效果,如例10-24所示,可看出其主要通过有序的缩放与层叠来产生效果。


例10-24 预览效果

    通过for循环创建元件类对象,将所创建的元件类对象均添加到一个container 对象容器中,再用for each..in 语句来遍历childList数组对象中存储的元件类对象tempMovie ,使用container.setChildIndex()方法进行重新排序。

(2)该实例分两部分来实现,第一部分主要实现一个有规律的排序,而第二部分是对鼠标跟随的扩展应用。首先来看第一部分排序原理代码,通过一个for循环再结合一个if判断语句来实现呈递增模式后再进行递减的效果实现,实现大致效果如图10-25所示。

图10-25  绘制效果


code:

    以上代码中for循环创建40个cen 元件类对象(cen为影片剪辑对象,一个颜色渐变的圆形动画如图10-26所示),使用gotoAndStop()语句让这些对象分别停留在指定的索引值的帧位置。第16行~第20行则通过对参数angle的自增与自减控制,来改变第12、13行代码中用于缩放比例控制的Math.sin(angle)参数值,从而控制对象缩放比例。紧接着再用数组childList 来存储通过push()方法添加的所有cen 元件类对象,最后再利用for each来遍历所有数组中存储的对象,利用前面介绍过的setChildIndex ()方法进行排序。

图10-26 cen影片剪辑动画

 


(3)以下是第二部分代码,主要是常见的鼠标跟随的再应用,去掉42~49行代码后,读者会发现其最终效果是绕着第一个元件对象进行自动旋转。第51行代码通过设定不同的旋转速度从而得到更多变换的效果。
code:



(4)如果把影片剪辑“cen”去除,使用Graphics绘制线条得到效果,如图10-27所示:

 

   责任编辑:silvia    时间:2009年2月10日

上一篇: 循环滚动的图片
下一篇: 品牌设计的感知

关注我们