Flash MX 编程深层次应用-初级特效(4)

作者： 来源： 添加时间：2006-5-23 7:26:59

2.2 画面特效(2)

 

2.2.3  闪亮的圆环

在很多与画面相关的特效中，有一些与圆形有关的特效，它们的制作也有一些特定的方法。比如圆环段的制作。下面就介绍在第7章“傲龙”loading效果中的闪亮圆环效果的制作。

先按Ctrl+F8创建一个新的动画片断。用画圆工具画一个正圆。

这个圆的边线用hairline方式，也就是不占用宽度，中间填充任意色均可，后面的线全用这种线型，如图2-11所示。

由于在Flash MX中没有直接设置中心点坐标的方法，因此为了便于后面的操作，要想办法把这个圆放在画面的中心位置。

图2-11

按Ctrl+A选中这个圆，然后Ctrl+X剪切它，打开右上角的显示比例，选中第一项Show frame，如图2-12所示，这样画面就靠中心对齐了。然后按Ctrl+V把刚才这个圆粘贴回来，这样就将它准确地放在画面的中心位置了。

图2-12

选中圆的外边框，把它复制过来，并适当缩小，然后放到圆的中心，形成一个同心圆的样子。注意两个圆的圆心要重合，如图2-13所示。

图2-13

此时圆就切割成环形，选中心部分，删除它，然后用画线工具画一条水平直线穿过圆心。结果如图2-14所示。

一定要准确地穿过圆心。为了保险起见，建议也采用上面的先剪切，后粘贴的方法来放置。

图2-14

把外边多余的线删除，然后再画一条水平直线，通过菜单命令Modify->Transform->Scale and Rotation，将其旋转一定的角度，比如想分成10段就是360°/10=36°，如果是15段就是24°，如图2-15所示。

图2-15

再把这个直线摆放到画面的中心位置，结果如图2-16所示。

图2-16

可以看出，这里的圆环又被切割成四个部分了。选择其中一个小部分，按Ctrl+X剪切它，然后再按Ctrl+A把其他不用的内容全部删除，最后再按Ctrl+Shift+V把这一小断圆弧放在与刚才一模一样的位置，以保持其与圆心点的关系。结果如图2-17所示。

图2-17

有了这个特定位置的小圆弧，我们就可以让它自动围中心位置旋转了。把这个圆环引入到场景中，将之命名为huan，如图2-18所示。

图2-18

为了让它形成一个完整的圆环，要用程序复制十份出来，以便于控制效果，程序代码如下：

for (i=1; i<=10; i++) {

rat_beg += 36;

duplicateMovieClip ("huan", "huan_"+i, i);

_root["huan_"+i]._rotation = rat_beg;

//设置它的圆心坐标

_root["huan_"+i]._x = 150;

_root["huan_"+i]._y = 150;

}

huan._visable = false;

运行的结果如图2-19所示，根本看不出来是由十个圆环段组成的。

图2-19

选中huan，在Actions面板中输入下面代码：

onClipEvent (enterFrame) {

//圆环的灰色色值

now_color = random(196)+16;

colourobj = new Color(this);

//设置这个环采用这种灰色

colourobj.setRGB(now_color << 16 | now_color << 8 | now_color);

//让圆环自动旋转3度

this._rotation += 3;

}

这样，一个在灰色色系中随机闪动并旋转的光环便制作完成了。效果如图2-20和图2-21所示。

  

图2-20 图2-21

在这个特效的程序代码中，最关键的就是控制颜色的代码，上面的代码产生的是在灰色色系中闪动，下面的代码就是让环在红色色系里跳动：

onClipEvent (enterFrame) {

//圆环在红色色系里闪动

now_color = random(196)+32;

colourobj = new Color(this);

colourobj.setRGB(now_color << 16 | 0 | 0);

this._rotation += 3;

}

这个效果只是简单的一个环，大家可以根据自己的需要对相应的画面与程序进行调整。比如说，增加成几个同心环，加上不同方向、不同颜色、不同速度、不同透明度，如果控制适当，可以做出很不错的效果，有兴趣的朋友可以试试。