中国IT动力,最新最全的IT技术教程
最新100篇 | 推荐100篇 | 专题100篇 | 排行榜 | 搜索 | 在线API文档 | 网通镜像
首 页 | 程序开发 | 操作系统 | 软件应用 | 图形图象 | 网络应用 | 精文荟萃 | 教育认证 | 硬件维护 | 未整理篇 | 站长教程
ASP JS PHP工程 ASP.NET 网站建设 UML J2EESUN .NET VC VB VFP 网络维护 数据库 DB2 SQL2000 Oracle Mysql
服务器 Win2000 Office C DreamWeaver FireWorks Flash PhotoShop 上网宝典 CorelDraw 协议大全 网络安全 微软认证
硬件维护  CPU  主板  硬盘  内存  显卡  显示器  键盘鼠标  声卡音箱  打印机  机箱电源  BIOS  网卡  C#  Java  Delphi  vs.net2005
  当前位置:> 图形图象 > 网页设计 > Flash
Flash MX 编程深层次应用-初级特效(4)
作者:未知 时间:2005-05-21 12:12 出处:ChinaZ.com 责编:chinaitpower
              摘要:Flash MX 编程深层次应用-初级特效(4)
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;

}

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


关闭本页
 
首页 | 投资与合作 | 服务条款 | 隐私政策 | 收藏本站 | 设为首页 | 新用户注册 | 免责声明 | 使用帮助
Copyright ©2005-2008 chinaitpower.com All rights reserved. www.chinaitpower.com 版权所有