FLASH编程应用实例

2017-11-08 01:21雷伟旗
中文信息 2017年9期
关键词:脚本应用

雷伟旗

摘 要:FLASH动画不仅给网页添加了无限的创意空间,而且给多媒体制作领域带来了新的市场和活力。它通过元件、按钮、图层、帧和场景等一系列组合,能够集图形、图片、声音、动画、映象文件等各种多媒体素材为一体,制作出形式简洁、内容丰富、和极感染力的动画和广告。FLASH动做脚本,更是为FLASH的特效增加了丰富的功能。通过该案例,大家可以了解一下作的基本过程,一些动作脚本的应用技巧和FLASH神奇的动画效果。

关键词:flash 脚本 应用

中图分类号:TP311 文献标识码:A 文章编号:1003-9082(2017)09-000-01

一、如何编写flash中的脚本

首先,要知道编写脚本,不需要用户对AS有完全的了解!现在要考虑的问题是,如何在你的flash中添加编写脚本?简单的说,添加脚本可分为两种:一是把脚本编写在时间轴上面的关键桢上面(注意,必须是关键桢上才可以添加脚本)。二是把脚本编写在对象身上,比如把脚本直接写在MC(影片剪辑元件的实例)上、按钮上面。

此外,大家也需要简单理解一下flash是如何执行你编写的脚本的。当你在时间周的关键桢上添加了脚本,那么当flash运行的时候,它会首先执行这个关键桢上的脚本,然后才会显示这个关键桢上的对象。

还有一些简单的知识,AS中的对象都包括什么呢?它可以包含数据,也可以是舞台上的电影剪辑,也可以是舞台上的按钮等。既然包含了那么多对象,那么每种对象肯定有各自的属性!比如电影剪辑(movieclip)对象,它的:属性就有_height(高度),_rotation(旋转),等,这些属性不需要你去特意的记忆,当使用的时候可以随时翻阅脚本字典。在以后的教程中会陆续给大家介绍一些基础脚本的使用技巧。

二、应用案例

本案例制作雪花特效动画,画面上将出现一幅冬天下雪的景象,在背景图的衬托下,漫天的雪花像白色的精灵一样在天空中自由飞舞。

1.制作要点

通过创建雪花元件、雪花飞舞飘落路径,制作雪花飞舞动态效果;通过导入背景图片、添加动作脚本等操作,完成雪花特效动画的制作。

2.技术说明

2.1用到了元件的套用,主要是影片元件的套用;

2.2用到了路径动画,并且是在元件中使用;

2.3动作脚本的使用,实例和帧同时使用动作脚本,此比处技术中的难点和重点,比较难掌握。

3.制作过程

3.1布局文档的操作步骤如下:

(1)单击“文件”菜单“新建”命令,创建一个Flash空白文档。

(2)在“修改”菜单中选择“文档”命令打开“属性”面板,将背景颜色设置为黑色。

(3)单击“插入”/“新建元件”命令,弹出“创建新元件”对话框。在“名称”文本框中输入snowflake,在“行为”选项区中选中“影片剪辑”单选按键,然后单击“确定”按钮。

(4)选取多角星形工具,单击“属性”面板上的“选项”按钮,弹出“工具设置”对话框。

(5)在舞台中拖拽鼠标绘制出一个白色的星形,作为雪花的图形。也可以采用左边雪花的制作方法,其它步骤一样。

(6)在“时间轴”面板中单击“添加运动引导层”按钮,新建一个引导层。

(7)选取钢笔工具,在引导层上绘制一条曲线,作为雪花飘落的路径。

(8)选中引导层的第30帧,按[F5]键插入一个普通帧。

(9)在“图层1”的第30帧,按[F6]键插入一个关键帧。

(10)选中“图层1”第1帧上的雪花图形,将雪花的中心点与引导线的起点对齐。

(11)用同样的方法,将“图层1”的第30帧上的雪花的中心点与引导线的终点对齐。

(12)将“图层1”的第1帧和第30帧中的雪花分别进行组合,并将其转换为元件,然后用鼠标右键单击“圖层1”中的任何有效帧,在弹出的快捷菜单中选择“创建补间动画”选项,此时的“时间轴”面板。

(13)为了使雪花效果更加逼真,可以在选中雪花后,单击“修改”/“形状”/“柔化填充边缘”的命令,在弹出的“柔化填充边缘”对话框的“距离”文本框中输入10,在“步骤数”文本框中输入4在“方向”选项区中选中“扩展”单选按钮,然后单击“确定”按钮对雪花进行柔化处理。

需要注意的是,必须双击打开雪花组合图形,转至填充形式,才可以执行该命令,柔化后的雪花效果。

(14)完成雪花元件的编辑后,返回主场景。单击“文件”/“导入”/“导入到舞台”命令,导入一张图片作为背景。

(15)将雪花影片剪辑从“库”面板中拖曳到当前舞台中。

3.2添加代码

(1)选中舞台上的雪花实例,在“属性”面板上将其命名为snow,然后按[F9]键,在弹出的“动作影片剪辑”面板中给snow添加代码。xue=1;

while (xue<=150) {

duplicateMovieClip(“snow”,”snow”+xue,xue);

setProperty(“snow”+xue,_x,random(500));

setProperty(“snow”+xue,_y,random(400));

setProperty(“snow”+xue,_xscale,Math.random()*40+30);

setProperty(“snow”+xue,_yscale,eval(“snow”+xue)._xscale);

setProperty(“snow”+xue,_alpha,eval(“snow”+xue)._xscale+random(30));

xue++;}

(2)为图层1的第1帧添加动作

打开动作面板,选择“全局函数”中的“影片剪辑控制函数”

使用onClipEvent命令函数并输入以下代码:

onClipEvent(enterFrame) {

this._x+=Math.random()*(this._xscale)/10;

this._y+=Math.random()*(this._yscale)/10;

if (this._x>500) {

this._x=0;

}

if (this._y>400) {

this._y=0; }}

3.3测试影片:单击“控制”/“测试影片”命令观看动画效果,可以看到雪花不断往下飘落。

参考文献

[1] Flash MX 2004 动画制作技能培训教程(上海科学普及出版社,2005年12月第1版。)

[2] Flash MX 经典实例(四川电子音像出版中心)endprint

猜你喜欢
脚本应用
酒驾
数据库系统shell脚本应用
快乐假期