当前位置:文档之家› AnimateCC二维动画设计与制作 第六单元:交互动画制作

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)引号:一般用来表示字符串
相关主题