第7章 创建骨骼和3D动画  学习目标 了解Flash动画中声音、视频文件的应用以及交互式动画的制作技能等相关知识。 。  学习重点

Slides:



Advertisements
Similar presentations
第六 章数据库访问页 6.1 数据访问页视图 6.2 创建数据访问页 6.3 编辑数据访问页 6.4 查看数据访问页 退出.
Advertisements

网络测评操作图解 武进区委组织部干部一科 2010年12月.
插入超链接 高邮市第一实验小学 范太国 任务一:设置文本超链接 任务一:设置文字超链接 步骤:1、选定文字并右击,在快捷菜单 中选择“超链接”命令。 2、在弹出的对话框中选择左侧“链接到:”中的“本文档中的位置(A)”项,在“请选择文档中的位置(C):”中选择需要链接的幻灯片,单击“确定”按钮。
UI(用户界面)集训班 Illustrator 高级班.
中等职业教育计算机专业 Flash CS6 动画设计 与制作 重庆市永川职业教育中心.
《中文版Flash CS3动画制作实用教程》
第4章 外部素材的导入 Flash既可以导入矢量图形,也可以导入位图图像。用户可以在任意的动画中加入位图或者是其他格式的外部图形文件。
C++中的声音处理 在传统Turbo C环境中,如果想用C语言控制电脑发声,可以用Sound函数。在VC6.6环境中如果想控制电脑发声则采用Beep函数。原型为: Beep(频率,持续时间) , 单位毫秒 暂停程序执行使用Sleep函数 Sleep(持续时间), 单位毫秒 引用这两个函数时,必须包含头文件
在PHP和MYSQL中实现完美的中文显示
第二讲 搭建Java Web开发环境 主讲人:孙娜
第八章 菜单设计 §8.1 Visual FoxPro 系统菜单 §8.2 为自己的程序添加菜单 §8.3 创建快捷菜单.
大学计算机基础 典型案例之一 构建FPT服务器.
第5章 图像、声音与视频 本章重点 Flash 作为著名的多媒体动画制作软件,支持多种格式的图像、声音和视频的导入,并可以对它们进行一些操作和处理。通过本章的学习,读者应掌握利用Flash CS5 图像、声音与视频方面的相关知识。本章内容包括: ■ 导入图像 ■ 应用声音效果 ■ 压缩声音 ■
Flash 二维动画设计 教育技术学专业 陇东学院信息工程学院 2018年12月6日.
走进编程 程序的顺序结构(二).
网络常用常用命令 课件制作人:谢希仁.
第11章:一些著名开源软件介绍 第12章:服务安装和配置 本章教学目标: 了解当前一些应用最广泛的开源软件项目 搭建一个网站服务器
第7 章 组件与行为 本章重点 在Flash CS5 中,系统预先设定了组件、行为等功能来协助用户制作动画,以提高工作效率。本章主要讲解组件、行为的分类以及使用方法。通过本章的学习,读者应掌握组件和行为的相关操作。本章内容包括: ■ 组件 ■ 行为.
第10章 声音和视频 本章主要内容: 使用声音 使用视频.
动画制作 曾兰芳 教育技术学院
Flash编程初步 马秀麟 2017年5月.
Hub Web System 主要功能: 1.查询库存(Query Current Storage) 2.创建PL(Create PL) 3.查询、打印PL单(Query & Print PL) 4.查询允交量、在途量 5.修改用户的基本信息(Update Password) 6.查询GR(Query.
以ISI平台为例,为您演示一下如何在Endnote文献中查看该文献的References
第17章 网站发布.
2019/1/12 GDP设计协同 超级管理员操作手册 GDP项目组.
第六章 素材的加工与处理 第12讲 音频素材的类型及GoldWave简介
❶云端下载 请根据自己的手机系统(支持IOS系统与Android系统)选择下述下载方式: 手机系统 应用搜索下载 二维码扫描下载 IOS系统
Windows 7 的系统设置.
用event class 从input的root文件中,由DmpDataBuffer::ReadObject读取数据的问题
宁波市高校慕课联盟课程 与 进行交互 Linux 系统管理.
宁波市高校慕课联盟课程 与 进行交互 Linux 系统管理.
安徽省中小学信息技术课件(初中) 初中信息技术八年级下册第一单元 活动2 会徽制作显创意 活动2 会徽制作显创意 马鞍山市丹阳中学 刘斌.
现代教育技术应用 第六章 素材的加工与处理 第19讲 动画的类型和采集 单 位: 北京师范大学 作 者: 毛荷&王翠霞.
计算机及办公软件应用 ©2013 苏州工业园区职业技术学院
直接扫描保存成TIF格式, 其他图片格式用Windows XP自带的 Windows图片与传真查看器打开
PRESENTED BY OfficePLUS
第1章 c++概述 1.1 C++语言的简史及特点 1.2 简单的C++程序 1.3 C++语言的基本组成
姚金宇 MIT SCHEME 使用说明 姚金宇
工业机器人知识要点解析 (ABB机器人) 主讲人:王老师
计算机网络与网页制作 Chapter 07:Dreamweaver CS5入门
第4章 Excel电子表格制作软件 4.4 函数(一).
1 月 日 一 二 三 四 五 六 元旦 11/20 11/21 11/22 11/23 11/ /25 11/26 11/27 11/28 11/29 11/30 12/ /2.
iSIGHT 基本培训 使用 Excel的栅栏问题
PPT中视频的播放控制 苏州电教馆在线课程培训教程:PPT2003教程   制作:赵立锋 更多教程请见:
JoVE实验视频期刊用户指南.
第六章 素材的加工与处理 第13讲 用GoldWave进行音频的截取、合并、淡入淡出操作
LOGIX500软件入门 西安华光信息技术有限公司 2008年7月11日.
Visual Basic程序设计 第13章 访问数据库
VRP教程 2011.
熟悉PowerDesiner12操作环境 菜单栏 标题栏 工具栏 导航栏 工作区 浮动工具条 导航选项卡 控制信息栏 状态栏.
Lync 2013 for Android 课程摘要卡 加入 Lync 会议 登录并开始使用 在会议中启动您的视频 更改状态或注销
报头 的制作.
第9章 多媒体技术 掌握 Windows 画图工具的基本操作; 掌握 Windows 音频工具进行音频播放;
Python 环境搭建 基于Anaconda和VSCode.
实验目的:掌握数据的顺序存储结构及它们在计算机中的操作。 实验内容:
Polarization of electro- magnetic wave after reflection
元件 元件是指在Flash中创建的,可以在动画中反复使用的元素。使用元件使得动画制作更为简单,动画文件尺寸明显减小,播放速度显著提高。
现代教育技术应用 第六章 素材的加工与处理 第23讲 用Flash CC制作形变动画 单 位: 北京师范大学 作 者: 毛荷&王翠霞.
本节内容 动态链接库 视频提供:昆山爱达人信息技术有限公司 官网地址: 联系QQ: QQ交流群 : 联系电话:
YOUR SUBTITLE GOES HERE
Flash动作.
第8章 创建与使用图块 将一个或多个单一的实体对象整合为一个对象,这个对象就是图块。图块中的各实体可以具有各自的图层、线性、颜色等特征。在应用时,图块作为一个独立的、完整的对象进行操作,可以根据需要按一定比例和角度将图块插入到需要的位置。 2019/6/30.
创建、启动和关闭Activity 本讲大纲: 1、创建Activity 2、配置Activity 3、启动和关闭Activity
基于学案制作ppt 录屏工具使用 郑建彬.
使用Fragment 本讲大纲: 1、创建Fragment 2、在Activity中添加Fragment
RefWorks使用指南 归档、管理个人参考文献.
LOGO HERE 单击此处添加 您的标题标题标题 PRESENTED BY JANE DOE
培训课件 AB 变频器的接线、操作及参数的备份 设备动力科.
复习关键帧动画 请一位同学做小球从小放大的动画.
多个Activity的使用 本讲大纲: 1、使用Bundle在Activity之间交换数据 2、调用另一个Activity并返回结果
Presentation transcript:

第7章 创建骨骼和3D动画  学习目标 了解Flash动画中声音、视频文件的应用以及交互式动画的制作技能等相关知识。 。  学习重点  学习目标 了解Flash动画中声音、视频文件的应用以及交互式动画的制作技能等相关知识。 。  学习重点 重点掌握声音、视频文件的添加、编辑以及ActionScript 3.0代码的编写、应用等知识  主要内容  关于Flash动画中的声音  编辑动画中的声音  向Flash动画中添加视频  创建交互式动画

7.1关于Flash动画中的声音 7.1.1 了解Flash中的声音类型 Flash所支持的声音的格式有多种,例如常见的有ASND格式、WAV格式、AIFF格式、mp3格式等,在此不再赘述,但在Flash中只有两种类型的声音,一种是事件声音,另一种是流式声音。 事件声音是指与某一个事件有关,只有当该事件被触发时才会播放声音,这种声音只有被完全下载后才能播放,除非明确停止,否则一直连续播放下去。 流式声音则是一边下载一边播放的声音,利用这种方式,可以在整个电影范围内同步播放以及控制声音,如果动画停止则声音也停止。导入声音的方法很简单,与导入文件相同,首先将声音文件导入到库,然后添加声音图层,并在合适的帧上添加声音文件即可。 7.1.2 导入声音并将其添加到动画中 向Flash中添加声音的方法很简单,首先需要将声音文件导入到库或者舞台中,下面通过一个简单操作,学习添加声音的方法。 【任务1】:向动画中添加声音 01. 首先打开“素材”目录下的“小人01.fla”动画文件。 02. 执行【导入到库】命令,选择“素材”目录下的“钢琴曲.mp3”声音文件,将其导入到【库】面板,【库】面板的预览窗口会显示声音的波形图,如图所示。 03. 新建名为“声音”的新图层,在该层的第1帧,将【库】面板中的“钢琴曲.mp3”声音文件拖入舞台,此时在“声音层”出现声音的波形图,如图所示。 。

■7.2 ■ 编辑动画中的声音 向动画中添加声音文件后,声音文件并不一定能满足动画的播放要求,这是可以对声音文件进行编辑,下面继续学习编辑声音的相关知识。 7.2.1 更改声音与设置声音与动画同步 导入的声音文件用户都可以根据具体情况进行修改编辑,例如导入的声音文件不一定与动画时长相同,这就出现一个声音是否与动画同步的问题,另外,想要使取消已经添加的声音等,这些操作都可以在【属性】面板中完成。 【任务2】:更改声音并设置与动画同步 01. 继续上一节的操作。 02. 单击声音层的任意一帧,在【属性】面板的“声音”选项的“同步”列表选择“数据流”选项,这样声音就会与动画同步了,如图所示。 03. 如果要取消添加的声音,则在【属性】面板的“声音”选项的“名称”列表选择“无”选项,如图所示,这样声音就会被取消。 “事件”:该选项是声音是必须完全下载后才能开始播放,并且不一定能与动画同步,除非设置了明确的指令,否则声音会一直播放到结束,或重复播放。这种播放类型对于体积大的声音文件非常不利。 “开始”:该选项是声音与动画同步,但也不会造成声音重叠,与“事件”不同的是,声音在前一轮播放没有结束的情况下,在下一轮不会马上开始播放,而是前一轮播放结束后才开始新的播放。 “停止”:该选项使声音从影片中的某一帧开始停止播放。 “数据流”:该选项是只有下载一部分,声音就会开始播放,并与动画同步,如动画停止,则声音也停止。

7.2.2 编辑声音的效果 如果要编辑声音,例如左声道、右声道播放、淡出淡入等,则可以在【属性】面板的“声音”选项的“效果”列表选择相应选项,如图所示,就可以对声音进行相关编辑。 “无”:不对声音进行任何处理。 “左声道”:只在左声道播放。 “右声道”:只在右声道播放。 “从左到右淡出”:控制声音在播放时从左声道到右声道逐渐淡出。 “从右到左淡出”:控制声音在播放时从右声道到左声道逐渐淡出。 “淡出”:控制声音在播放结束时声音逐渐变小。 “淡入”:控制声音在播放开始时声音逐渐变大。 “自定义”:用于自行编辑声音的变化效果,选择此选项后,将弹出【编辑封套】对话框,对声音进行自定义编辑,如图7-6所示。 拖曳声音控制点按钮,可以控制声音的播放声音的音量大小,如果要增加控制点,在控制线上单击即可,如果要删除控制点,直接将其拖出面板之外即可;拖曳开始点和结束点,可以控制声音的开始播放和种植播放时间,这样可以去除声音中不需要的部分,也可以使用声音不同的部分。 7.2.3 设置声音的重复或循环播放 可以设置声音重复播放或循环播放,在【属性】面板的“重复”列表选择“重复”或“循环”,以控制声音是重复播放还是循环播放,如图所示,如果设置重复播放,还可以设置重复的次数。

7.2.4 压缩声音 有时候导入的声音文件比较大,例如Flahs MV中添加的MP3音乐,发布到网上下载会很慢,这时就需要对音乐进行压缩。 【任务3】:压缩声音 首先在【库】面板选择声音文件。 然后单击【库】面板下方的 “属性”按钮,如图所示。 03. 此时将打开【声音属性】对话框,首先在“压缩”列表选择压缩格式,如图所示。 “默认”:Flash提供的一个通用压缩方式,可以对整个文件中的声音使用同一种压缩比进行压缩。 “ADPCM”:用于压缩按钮音效、事件音效等较简短的声音,选择该选项,将出现其他设置,如图所示。 “预处理”:该选项可以将混合立体声转换为单声道,文件大小相应减半。 “采样率”:选择一个选项以控制声音的保真度和文件大小,较低的采样率可以减小文件大小,同时也会使声音品质降低。 “ADPCN位”:用于设置编码时的比特率,数值越大,生成的声音音质越好,而声音文件的容量也会越大。 “MP3”:使用该压缩方式压缩声音,可使文件体积变成原来的十分之一,而且基本不会损害音质,其压缩效率高,质量好,常用于压缩较长且不用循环播放的音乐。

7.2.5 声音的应用实例 前面章节讲解了Flash动画中声音的应用、编辑等相关知识,这一节来制作一个音效按钮,掌握声音在Flash动画中的具体应用技巧。 【任务4】:声音的应用实例 01. 新建Flash文档。 02. 激活 “椭圆工具”,设置其“笔触”颜色为“无色”,“填充”颜色为渐变色,如图7所示。 03. 在舞台拖曳鼠标绘制一个圆球,结果如图所示。 04. 执行【修改】/【转换为元件】命令,打开【转换为元件】对话框,将其元件名称命名为“按钮”,同时选择“类型”为“按钮”,如图7-13所示。 05. 确认将该圆球转换为按钮元件。 06. 双击该按钮元件进入该元件的编辑界面,分别在“指针经过”、“按下”和“点击”帧按F6插入关键帧,如图所示 07. 然后新建名为“声音”的新图层,如图所示。 08. 执行【文件】/【导入】/【导入到舞台】命令,选择“素材”目录下的“声音01.wav”和“声音02.wav”两个文件,将其导入到库中,如图所示。 09. 下面添加声音。选择“声音”图层的“指针经过”帧,按F7键插入空白关键帧,如图所示。

10. 从【库】面板中将“声音01.wav”声音文件拖到舞台,此时在时间轴“声音”层的“指针经过”帧和“按下”帧、“点击”帧上出现声音的波形图,如图所示。 11. 选择“声音”层的“按下”帧,按F7键插入空白关键帧,将该帧处的声音删除,如图所示。 12. 继续新建“声音1”的新图层,然后在“声音1”层的“按下”帧插入一个空白关键帧,如图所示。 13 继续从【库】面板中将“声音02.wav”声音文件拖到舞台,此时在时间轴“声音1”层的“按下”帧和“点击”帧上出现声音的波形图,如图所示。

14. 选择“声音1”层的“点击”帧,按F7键插入空白关键帧,将该帧处的声音删除,如图所示。 15 ■7.3 ■ 向Flash动画中添加视频 向Flash中添加视频是动画制作中常用的一种方式,这一节将分别讲解向Flash动画中添加视频的相关技能。 7.3.1 了解Flash视频的类型 Flash仅可以播放特定视频格式,这些视频格式包括FLV、F4V和MPEG视频,用户可以使用Flash附带的Adobe Media Encoder应用程序将其他格式的视频转换为FLV或F4V,或者使用其他的格式转换工具将其他格式的视频转换为FLV格式,例如可以首先将Flash文件输入为AVI格式的视频文件,然后使用格式转换软件将其转换为FLV格式的视频文件即可。 FLV视频格式具有技术优势,允许将视频和数据、图形、声音和交互式控件融合在一起,使用户轻松将视频以通用的格式放在网页上。 7.3.2获取视频的方法 在Flsh中使用视频的方法很多,具体如下: “从Web服务器渐进式下载”:这种方式会保持视频文件处于Flash文件和生成的SWF文件的外部,这可以使SWF文件大小保持较小,这是Flash中使用视频最常用的方法,用户可以使用FLV Playback组件或编写ActionScript通过运行时在SWF文件中加载并播放外部的FLV或F4V文件。 “使用Adobe Flash Media Server流式加载视频”:这种方式可以保持视频文件处于Flash文件的外部,不仅播放流畅,同时还可以为视频提供安全保护。 “直接在Flash文件中嵌入视频数据”:这种方式会使视频被放置在时间轴中,方便查看,但是,视频的每一个帧都由时间轴中的一个帧表示,因此,视频剪辑与SWF文件的帧速率必须一致,另外,使生成的Flash文件非常大,因此最好使用短小的视频剪辑。

7.3.3 向Flash中导入渐进式下载的视频 在Flash中,导入视频主要包括“导入供渐进下载的视频”以及“导入嵌入视频”。导入渐进式下载的视频,实际上是仅添加对该视频的引用,因此,用户可以在本地计算机上存储该视频,然后将其转换为FLV文件,最后将其上传到服务器,Flash使用该引用在本地计算机或Web服务器上查找该视频文件。 下面通过一个简单实例,学习渐进式下载视频的导入方法。 【任务5】:导入渐进式下载的视频 01. 首先将要导入的FLV格式的视频文件,保存在本地计算机或上传到服务器以备用。 02. 在Flash中新建文档,然后执行【文件】/【导入】/【导入视频】命令,打开【导入视频】对话框,如图所示。 03. 在此选择要导入的视频,可以选择位于本地计算机上的视频,也可以输入已上传到Web服务器上的视频。 04. 如果要导入本地计算机上的视频,可以选择“使用播放组件加载外部视频”选项,如果要导入已经部署到Web服务器上的视频,则选择“已经部署到Web服务器、Flash Video Streaming Server或Stream From Flash Media Server”选项,然后输入视频剪辑的URL。 05. 在此选择“使用播放组件加载外部视频”选项,然后单击“浏览”按钮,在打开的对话框选择“素材”目录下的“看图学单词课件.FLV”文件。 06. 单击“打开”按钮返回到【导入视频】对话框,该对话框显示导入的视频文件路径,如图所示。

07. 单击“下一步”按钮,在打开的对话框的“外观”列表选择视频剪辑的外观,如图所示。 08 07. 单击“下一步”按钮,在打开的对话框的“外观”列表选择视频剪辑的外观,如图所示。 08. 再次单击“下一步”按钮,进入另一个对话框,如图所示。 09. 在弹出的对话框单击“完成”按钮,完成视频的导入. 10. 这时视频导入向导在舞台上创建FLV Playback视频组件,单击视频组件上的播放按钮,可以在舞台上实时预览视频,同时还可以控制视频的播放和声音的大小等,如图所示。 7.3.4 向Flash中导入嵌入视频 【任务6】:导入嵌入视频 01. 首先得到FLV格式的视频文件,保存以备用。 02. 在Flash中新建文档,然后执行【文件】/【导入】/【导入视频】命令,打开【导入视频】对话框。 03. 在该对话框选择“在SWF中嵌入FLV并在时间轴上播放”选项,如图所示。

04. 然后选择本地计算机中要导入的FLV视频文件,在此单击“浏览”按钮,在打开的对话框选择“素材”目录下的“看图学单词课件.FLV”文件。 05. 单击“下一步”按钮,弹出【嵌入】对话框,在“符号类型”列表选择元件类型,如图所示。 “嵌入的视频”:如果使用在时间轴上线性播放的视频剪辑,那么最合适的方法就是将视频导入到时间轴。 “影片剪辑”:将视频置于影片剪辑实例中,这样可以使用户获得对内容的最大控制,使用的时间轴独立与主时间轴进行播放,用户不必为容纳该视频而将主时间轴扩展很多帧。 “图形”:将视频剪辑嵌入为图形元件时,用户无法使用ActionScript与该视频进行交互。通常,图形元件用于静态图像以及创建一些绑定到主时间轴的可重复使用的动画片段。 另外,用户也可以选择将视频剪辑直接导入到舞台或导入为库项目,如果将其导入到库中,则取消“将实例放置在舞台上”选项的勾选。 06. 在此默认,然后单击“下一步”按钮进入下一个对话框. 07. 继续单击“完成”按钮,完成视频的导入,这时,视频导入向导将视频剪辑嵌入到SWF文件中,Flash会扩展时间轴,以适应嵌入视频剪辑的回放长度,同时嵌入的视频会自动添加到库中,成为Flash文档的一部分,如图所示。 在舞台上导入嵌入的视频后,从【属性】面板可以更改嵌入视频剪辑实例的属性,例如为实例制定名称、设置宽度以及在舞台上的位置等,另外还可以交换嵌入视频剪辑的实例,为视频剪辑的实例指定另一个元件。

■7.4■ 创建交互式动画 Flash交互式动画主要是通过编写ActionScript 3.0代码来实现的,这就要求用户对ActionScript 3.0语言以及语法非常熟悉才行,另外,也可以通过Flash CS5新增的【代码片段】面板调用代码,或者使用特定组件功能来实现一些简单的交互效果。 7.4.1使用【片段代码】面板添加代码 【代码片段】面板是Flash CS5新增加的一个功能。对于ActionScript 3.0新手,或者不打算学习ActionScript 3.0就想制作简单交互动画的用户来说,使用【代码片段】面板可以快速将ActionScript 3.0代码添加到FLA文件,以启用一些常用的功能,例如添加能影响对象在舞台上行为的代码、添加能在时间轴中控制控制播放头移动的代码以及将用户创建的新代码片段添加到面板。 首先选择舞台上的对象或时间轴,然后在【代码片段】面板双击要应用的代码片段,如果选择的是舞台上的对象,Flash将代码片段添加到包含所选对象的帧中的【动作】面板;如果选择了时间轴上的帧,Flash只将代码片段添加到那个帧,在【动作】面板可以查看添加的代码并根据片段的开头的说明替换任何必要的帧。 下面通过一个简单的实例,介绍如何向对象或时间轴中插入代码片段。 【任务7】:使用【代码片段】面板添加代码 01. 首先创建Flash文档,然后使用绘图工具在影片剪辑元件编辑窗口绘制一个矩形和一个圆形两个图形,如图所示。

02. 选择绘制的矩形,执行【窗口】/【代码片段】命令打开该对话框,如图所示。 03. 在该对话框展开“动作”文件夹,然后双击“单击以隐藏对象”选项,为选择的对象应用该代码片段,如图所示。 04. 此时弹出如图所示的提示框,这是由于代码只能添加到影片剪辑元件以及TLF文本对象中,因此在应用代码片段时,Flash会自动要求将对象转换为影片剪辑元件并创建实例名称。 05. 单击“确定”按钮,Flash会自动将对象转换为影片剪辑元件,打开【属性】面板,可以看到该矩形已被转换为影片剪辑元件,并为其添加一个实例名称,名称为“movieClip_1”,如图所示。 06. 同时,在时间轴上会增加一个名为“Action”的新图层,如图7所示。

07. 激活“Action”的新图层,打开【动作】面板,在【动作】面板将显示添加的代码片段,并包含对此任务的具体说明,如图所示。 08. 按Ctrl+Enter键测试影片,在圆图形上单击,圆图形没有任何反应,在矩形上单击,矩形即刻被隐藏,如图所示 09. 回到舞台,再次选择圆图形,然后在【代码片段】对话框展开“动画”文件夹,双击“淡入影片剪辑”选项,如图所示。 10 在弹出的信息提示框单击“确定”按钮,Flash会自动将对象转换为影片剪辑元件. 11. 打开【属性】面板,可以看到该矩形已被转换为影片剪辑元件2,并为其添加一个实例名称,名称为“movieClip_2”,如图所示。

12. 打开【动作】面板,会显示添加的代码片段,并包含对此任务的具体说明,如图所示。 13. 按Ctrl+Enter键测试影片,发现圆图形的淡入效果,在矩形上单击,矩形被隐藏。 需要说明的是,【代码片面】对话框中这些附带的代码都是ActionScript 3.0,ActionScript 3.0与ActionScript 2.0不兼容,如果创建的Flash文档是ActionScript 2.0,Flash会弹出提示信息框,表示不能添加。 7.4.2. 在【动作】面板手动编写代码 手动编写代码需要对ActionScript 3.0语言及其语法非常熟悉,然后可以在【动作】面板直接输入脚本代码,这样可以更加灵活地控制FLA文件中的对象。 【任务8】:在【动作】面板手动编写代码 01. 首先新建一个Flash文档,然后新建一个图层,并将其命名为“as”. 02. 激活“as”图层的第1帧,按F9打开【动作】面板,将光标置于脚本编辑窗口,然后输入ActionScript 3.0代码“trace(“I like the Flash animation design” );”,如图所示。 03. 此时在“as”层的第1帧会出现“a”的标记,表示该帧添加了ActionScript代码,如图所示。 04. 按Ctrl+Enter键测试影片,此时Flash开始编译FLA文件,并运行生成的SWF文件,同时会弹出播放窗口和【输出】面板,【输出】面板上写着“I like the Flash animation design”,如图所示。

下面通过制作一个通过按钮控制电影播放的简单实例操作,来领略在【动作】面板中手动输入代码实现交互式动画的强大功能。 【任务9】:制作交互式动画 01. 首先打开“素材”目录下的“遮罩动画.fla”素材文件,按Ctrl+Enter测试影片,发现动画不断循环播放,如图所示。 02. 下面编写代码,实现这样的效,首先是动画播放一次将停止播放,单击重播按钮动画重新播放,单击暂停按钮暂停播放,单击播放按钮继续播放。 03. 要让动画播放一次后停止,必须在动画的最后一帧添加stop()的代码,因此,在最上层新建名为“代码”的新图层,然后选择“代码”层的最后一帧(120帧)按F6键插入一个关键帧,如图所示。 04. 打开【动作】面板,输入如图所示的代码。

05. 继续新建名为“控制按钮”的新层,然后执行【窗口】/【公用库】/【按钮】命令,打开公用库的【按钮】面板,如图所示。 06 05. 继续新建名为“控制按钮”的新层,然后执行【窗口】/【公用库】/【按钮】命令,打开公用库的【按钮】面板,如图所示。 06. 在“Playback flat”文件夹下选择播放、暂停和重播3个按钮,如图所示。 07. 将这几个按钮拖到舞台下方合适位置,并整齐排列,如图所示。 08. 分别选择这3个按钮,在【属性】面板为其分别命名为“playbutton”、“stopbutton”和“repbutton”。 09. 下面编写代码。选择“代码”层的第1帧,在【动作】面板输入如下代码。 function st1(event:MouseEvent) { this.play(); //该代码开始播放。 } //该代码定义一个名为st1()的函数,调用该函数时,会导致主时间轴开始播放。 this.playbutton.addEventListener(MouseEvent.CLICK,st1); //该代码将st1()的函数注册为playButton的事件侦听器,只要单击名为playButton的按钮,就会调用st1()函数。 继续在【动作】面板输入以下代码。 function st2(event:MouseEvent) { this.stop(); this.stopbutton.addEventListener(MouseEvent.CLICK,st2); function st3(event:MouseEvent){ this.gotoAndPlay(2); this.repbutton.addEventListener(MouseEvent.CLICK,st3); 10. 下面测试动画。首先将文件保存,然后按Ctrl+Enter键测试动画,发现动画播放一遍后停止播放,单击播放按钮继续播放,单击停止按钮停止播放,单击重播按钮又开始播放。

7.4.3 保存编写的代码 当ActionScript代码编写完成后,如果用户想要在以后在其他的Flash文档中继续使用该代码,这时可以将代码存储在外部的ActionScript文件中,以便随时调用。 下面继续通过一个简单操作,介绍创建外部AS文件的方法。 【任务10】:保存编写的代码 01. 继续上面的操作,打开【动作】面板,将所有输入的代码复制,之后关闭【动作】面板。 02. 执行【文件】/【新建】命令,在打开的【新建文档】对话框的“类型”列表选择“ActionScript文件”选项,如图所示。 03. 单击“确定”按钮确认,然后打开【脚本】窗口,在【脚本】窗口将复制的代码粘贴,如图所示。 04. 执行【另存为】命令,在打开的【另存为】对话框将该文件与“script.fla”文件保存在同一目录下,并命名为“script-1. as”,如图所示 05. 单击“保存”按钮将其保存。

7.4.4 使用include语句来调用保存的代码文件 当代码被保存后,用户还可以调用保存的代码,这一节继续学习调用保存的代码的方法。 【任务11】:调用保存的代码 01. 继续上一节的操作。 02. 在“遮罩动画.fla”文件中将“代码”图层删除,然后再次测试动画,发现动画循环播放,单击下方的控制按钮,发现按钮并不能控制动画的播放。 03. 下面我们使用ActionScript中的include语句来调用保存的.as的外部文件,使其按钮再次控制动画的播放。 04. include语句可以在特定位置以及脚本中的指定范围内插入外部的ActionScript文件的内容。 05. 将“遮罩动画.fla”文件另存为“script. fla”文件,然后新建命为“as”的新图层。 06. 激活“as”层的第1帧,在【动作】面板输入如图7-54所示的代码。 07. 保存文件,然后按Ctrl+Enter键测试影片,此时Flash开始编译“script.fla”文件以及“script-1.as”文件,并运行生成的“script.swf”文件,此时发现动画播放一遍后停止播放,单击播放按钮继续播放,单击停止按钮停止播放,单击重播按钮又开始播放,这说明动画已经调用了保存的外部as格式的文件。

7.4.5 使用特定组件功能 所谓组件就是预先构建的一些影片剪辑,可以帮助用户实现更加复杂的功能,组件可以是最简单的用户界面控件,例如单选按钮、复选框等,也可以是复杂的控件,在学习向Flash中导入视频时,其实我们已经接触过了组件。 执行菜单栏中的【窗口】/【组件】命令,即可打开【组件】面板,在该面板中一个有三个文件夹,各文件夹下包含多个组件,如图所示。 选择一个组件,快速双击或直接将其拖到舞台,即可将其添加到场景中,同时系统会将其放入【库】面板,以方便多次使用该组件,如图所示。 下面通过制作一个简单的视频播放器的实例,介绍使用组件的相关技能。 【任务12】:使用组件 01. 新建Flash文档,将图层1命名为“组件”。 02. 按F7键打开【组件】面板,展开“Video”组件,双击“FLVplayback”组件,将其添加到舞台,如图所示。 03. 选择添加的组件,在【属性】面板设置其大小与舞台大小相同,然后单击“source”右侧的 按钮,打开【内容路径】对话框,如图所示。 在此需要说的是,如果用户需要播放的是位于网络中的FLV视频文件,可以直接输入视频文件的URL地址,如果需要播放的是本地中的视频文件,则单击右侧的文件夹按钮,在打开的【浏览文件】对话框选择所需播放的视频文件即可。 04. 在此我们选择“素材”目录下的“遮罩动画.flv”视频文件。 05. 单击“打开”按钮,则【内容路径】对话框将出现该视频文件的路径和文件名,如图所示。

06. 单击“确定”按钮确认,此时舞台上的组件效果如图所示。 07 06. 单击“确定”按钮确认,此时舞台上的组件效果如图所示。 07. 选择舞台上的组件,继续在【属性】对话框单击“skin”右侧的 按钮,打开【选择外观】对话框,如图所示。

08. 单击“外观”下拉列表,可以选择组件的外观,如图所示。 09 08. 单击“外观”下拉列表,可以选择组件的外观,如图所示。 09. 在此我们选择“SkinOverAIINovoINoCaptionNoFull.swf”的外观,然后单击右侧的颜色按钮,在打开的颜色列表设置组件的外观颜色为灰白色,如图所示。 10. 单击“确定”按钮,此时舞台上的组件效果如图所示。 11. 这样该视频播放器就制作完成了,保存文件,然后按Ctrl+Enter键播放影片。 12. 单击播放按钮播放影片,单击暂停按钮停止播放,再次单击播放按钮又开始播放,单击前进、后退以及音量控制按钮,可以随时控制影片的音量等。 尽管【组件】使用方便,但还是有一些组件需要用户自己编写一些ActionScript代码来触发或控制组件,因此,掌握ActionScript语言才是使用ActionScript制作交互式动画的主要技能。