Flash CS4元件类扩展编程:水晶泡泡动画

ZDNet软件频道 时间:2009-12-05 作者:论坛整理 | 天极网软件频道 我要评论()
本文关键词:Office
其填充放射状渐变色值为:#A7E600 - #078914 - #00552F 。使用“椭圆工具”在顶部绘制一个椭圆,填充线性渐变色,高光位置同上一样分布,如图 3所示。其填充放射状渐变色值为:#FFFFFF - #FFFFFF - #FFFFFF 。

  本例主要通过Flash制作水晶泡泡动画的制作掌握元件类扩展类的编写,本例通过编写get 和set 存取器函数,为创建的元件类提供易于使用的编程接口,使得元件类的属性在可以被访问的基础上进行良好的隐藏和封装。

  同时本例还配合使用三角函数知识创建丰富特效,通过本例的制作,大家可以掌握如何为Flash元件类提供易于使用的编程接口,以及加深对三角函数知识的理解应用。

  /imagelist/2009/329/pxm3n5y0zuz1.swf

  水晶泡泡动画效果

  本例制作思路和步骤:

  1、创建实例背景。

  2、绘制类似水泡的图形,并转换为元件类。

  3、编写元件类扩展类。

  4、创建文档类。

  实例步骤:

  (1)Flash中新建一个空白文档,舞台大小设置为400*300,帧频设置为30,将舞台背景颜色设置为 #618D0E ,绘制一个直径为舞台高度大小的正圆,并填充放射状渐变色,调整高光位置在下方,如下图1所示。

  其填充放射状渐变色值为:#A7E600 - #078914 - #00552F 。调整色柄值,参数依次为:

  色柄一:红: 167,绿:230,蓝: 0, Alpha: 100%

  色柄二:红: 7,绿:137,蓝: 20, Alpha: 100%

  色柄三:红: 0,绿:85,蓝: 47, Alpha: 100%

图1 绘制背景

  (2)创建一个新图层,命名为“高光”。绘制一个半径与步骤(1)中的圆形略小的同心圆形,并填充线性渐变色,使用“渐变变形工具”进行调整高光位置由上至下分布,如图2 所示。

  其填充线性渐变色值为:#FFFFFF - #FFFFFF 。调整色柄值,参数依次为:

  色柄一:红: 255,绿:255,蓝: 255 Alpha: 0%

  色柄二:红: 255,绿:255,蓝: 255 Alpha: 100%

图 2 高光部分

  (3)再创建一个新图层,命名为“顶部高光” 。使用“椭圆工具”在顶部绘制一个椭圆,填充线性渐变色,高光位置同上一样分布,如图 3所示。

  其填充线性渐变色值为:#FFFFFF - #FFFFFF 。调整色柄值,参数依次为:

  色柄一:红: 255,绿:255,蓝: 255 Alpha: 0%

  色柄二:红: 255,绿:255,蓝: 255 Alpha: 68%

图3 顶部高光

  (4)新建一个影片剪辑,命名为“Ball_mc” 。绘制类似小水泡的图形,这里我们绘制一个放射状渐变的圆形,大小约在20左右,如图4所示。

  其填充放射状渐变色值为:#FFFFFF - #FFFFFF - #FFFFFF 。调整色柄值,参数依次为:

  色柄一:红: 255,绿:255,蓝: 255 Alpha: 36%

  色柄二:红: 255,绿:255,蓝: 255 Alpha: 9%

  色柄二:红: 255,绿:255,蓝: 255 Alpha: 0%

图4绘制类似水泡图形

  (5)为影片剪辑“Ball_mc”添加元件类,如图5所示。

图5 添加元件类

  请点击“下一页”,下面我们进入代码编写部分


百度大联盟认证黄金会员Copyright© 1997- CNET Networks 版权所有。 ZDNet 是CNET Networks公司注册服务商标。
中华人民共和国电信与信息服务业务经营许可证编号:京ICP证010391号 京ICP备09041801号-159
京公网安备:1101082134