AnimateCC二维动画设计与制作 第六单元：交互动画制作

3
二维动画设计与制作 6.1： 平台、文档与脚本类型
二、Animate脚本简介
1.ActionScript 3.0 ActionScript（简称AS）是 Animate前身Flash所使用的脚本语 言，在Animate中依然可以使用（在 as3文档类型下）。它可以向应用程 序添加复杂的交互性、播放控制和数 据显示，其语法特点与javascript相 似。 2. CreateJS脚本 CreateJS即CreateJS库，属于 javascrpit库的一种，是一款主要为 HTML5游戏开发的引擎。
4
二维动画设计与制作
6.1： 平台、文档与脚本类型
二、Animate脚本简介
其它语言程序一样，animate的脚本包 括有函数、方法、属性、事件、类和语法。
3.脚本演示：用键盘移动的气球 4.一些术语： （1）实例名称：可以给舞台上的影片 剪辑和按钮命名，但图形元件不可以命名。 （2）属性：即舞台上对象的属性，如 坐标位置、大小等。 （3）值 （4）变量（变量名区分大小写） （5）事件：具体发生的一个操作，如 鼠标被按下、键盘被按下、剪辑被载入等。 脚本由事件触发，然后影片就可以对许多事 件做出反应。
注释行：通过在代码行的开头加 上双斜杠“//”可对其进行注释。
注释块：可以对若干行代码进行 注释，在代码块的开头加上一个斜杠 和一个星号“/*”，并在代码块的结 尾加上一个星号和一个斜杠“*/”
11
二维动画设计与制作 6.2： 动作面板的使用
二、代码注释
取消注释：将光标置于含有注释 的代码行中，或者选择已注释的代码 块，单击鼠标右键，在弹出的快捷菜 单中选择“取消注释”，或使用快捷 键Ctrl + Shift + M组合键即可取消 注释所选内容。
12
二维动画设计与制作 6.2： 动作面板的使用
三、使用动作码向导
动作码向导是Aniamte CC新增 加的功能，通过使用“动作”面板中 的“使用向导添加”选项，不需要手 动输入代码就可以将交互功能添加到 HTML5 组件中。要注意的是只有 HTML5 Canvas文档才支持动作码向 导。
13
二维动画设计与制作
8
二维动画设计与制作
第六单元：交互动画制作
6.2动作面板的使用
二维动画设计与制作 6.2： 动作面板的使用
一、动作面板的结构
动作面板包含以下两个窗格。 左侧窗格为“脚本导航器” 右侧窗格为“脚本”窗格
10
二维动画设计与制作 6.2： 动作面板的使用
二、代码注释
代码注释是代码中被脚本编译器 忽略的部分。代码注释可解释代码的 操作，让代码看上去更易理解，也可 以暂时停用不想删除的代码。代码注 释有两种形与制作 6.1： 平台、文档与脚本类型
二、Animate脚本简介
（13）注释：用//表示单行注释， /*…….*/表示中间的内容都为注释
（14）帧标签
三、Animate动作面板介绍
7
二维动画设计与制作 6.1： 平台、文档与脚本类型
四、使用代码片段添加AS（按键盘 移动小汽球）
1.给对象添加实例名称 2.给对象添加代码片段 3.修改代码片段 4.设置变量记录移动速度 5.通过两个按钮增加或减少速度 6.通过输入框和按钮来改变速度 7.控制气球的移动范围 五、使用代码片段添加HTML5脚本
1. ActionScript 3.0平台与脚本 ActionScript 3.0平台是面向PC 端的创作平台，在此平台下主要发布 传统的SWF动画，使用FlashPlayer 播放器播放。该平台使用的是 ActionScript 3.0脚本。
2
二维动画设计与制作
6.1： 平台、文档与脚本类型
一、不同平台与文档、脚本
二维动画设计与制作
第六单元：交互动画制作
项目五：小游戏制作 6.1 平台、文档与脚本类型 6.2代码片段的使用 6.3对象的属性 6.4使用animate脚本编写动画
二维动画设计与制作 6.1： 平台、文档与脚本类型
一、不同平台与文档、脚本
因为Animate CC可以创建跨平 台的影片和应用，所以在创建文档的 时候，需要选择某种文档类型，不同 类型的文档使用的编辑脚本也不一样 。
第六单元：交互动画制作
6.3代码片段的使用
二维动画设计与制作
6.3： 代码片段的使用
一、概念与类型
“代码片段”是Animate CC预 置的一些功能代码，它允许用户直接 在脚本窗口添加大量模块化的脚本代 码，而不需要任何JavaScript 或 ActionScript 3.0 方面的知识，从而 使得非编程人员能够轻松地为影片添 加交互功能。
2. HTML5 Canvas平台与脚本 HTML5 Canvas文档是Aniamte CC支持互联网，特别是移动互联网 环境的一种文档类型。HTML5是目 前非常火爆的新一代超文本标记语言 ，Canvas 是 HTML5 中的一个新元 素，它提供了多个 API，可以动态生 成及渲染图形、图表、图像及动画， 因此它对创建丰富的交互性 HTML5 内容提供本地支持。这样我们可以使 用传统的Animate 时间轴、工作区 及工具来创建内容，然后Animate会 自动通过CreateJS生成 HTML5 网页 输出。
代码片段主要有3类，分别是 ActionScript类、HTML5 Canvas类 和WebGL类，对应于3种不同的文档 类型，即每种文档类型只能使用对应 的代码片段。每种类型下面又根据不 同的代码功能进行了分类，
15
二维动画设计与制作 6.3： 代码片段的使用
5
二维动画设计与制作 6.1： 平台、文档与脚本类型
二、Animate脚本简介
（6）操作符：=、<、>、+、-、*、/ 等
（7）关键字：语法中具有特殊用途的 保留字词，它们不能用于变量、函数或标签 名称。
（8）变量与常量 （9）括号：大括号之间的内容可能是 一组操作，小括号中的内容一般是一个值。 （10）分号：语句之间用分号隔开 （11）点：一是用来表示到达指定时间 轴的目标路径，二是用来分隔对象名称与其 属性或要调用的方法 （12）引号：一般用来表示字符串