课程概述

随着信息表征技术与互动媒体技术的发展与普及，能否利用动画，特别是交互动画的形式进行信息的存储、加工和传递已成为大学生必备的技能之一。通过本课程的学习，使学生在已有的数字媒体理论知识的基础上，掌握动画的原理和动画的制作技巧，熟悉Animate的操作方法，具备使用Animate设计与制作H5交互动画的能力。

（一）思想、素质教育目标

目标1.1 以优秀动画作品的设计与制作传播中国传统文化和社会主义核心价值观。

目标1.2 激发学生自豪感与爱国热情，鼓励学生通过努力学习掌握先进的动画制作技术，服务国

家，回馈社会。

目标1.3 在学习课程内容的同时具有明辨是非的能力，具有科学的人生观、世界观和价值观，以及较强的社会责任感。

（二）知识教学目标

目标2.1掌握动画原理，掌握交互动画的事件处理机制。

目标2.2掌握逐帧动画、补间动画、遮罩动画、引导动画与反向动力学动画的设计与制作。

目标2.3掌握基于Animate 的鼠标控制类/键盘控制类/摄像头（麦克风）控制类交互动画的设计与制作流程。

（三）能力教学目标

目标3.1使学生能够利用所学的动画制作知识，掌握设计和制作交互动画作品的基本手段和方法，培养学生创新思维和审美能力。

目标3.2 使学生理解交互动画制作的基本原理和关键技术，培养学生抽象思维和逻辑思维能力，能够利用基本原理和关键技术分析和解决交互动画领域的复杂工程问题。

目标3.3 使学生具备独立查阅国内外技术资料，沟通决策技术路线，发现解决技术难题，表达陈述技术方案和所获成果的综合交流能力。



 



证书要求

由教师提出综合设计作品要求及评分标准，要求学生按要求提交综合设计作品与设计报告等相关电子文件，由平时（实验）成绩、作品与设计报告综合评分后给出期末成绩得分。

总成绩的构成是：平时（实验）成绩占10%，报告成绩占20%，作品成绩占70%。


授课大纲

第一章 Animate和HTML5动画

第一节 HTML5简介

第二节 Animate创建H5动画

第一章单元测试（请在观看视频讲座之后进行）

第一章单元作业

第二章 Animate基本操作流程

第一节 Animate2019的界面与基本工具

第二节 交互动画设计体验（基于Animate2019）

第三章 动画原理与几种常见动画的创建

第一节 动画原理与逐帧动画制作

第二节 元件、实例与库

第三节 补间动画制作

第四节 传统补间动画制作

第五节 引导动画制作

第六节 形状补间动画制作

第七节 遮罩动画制作

第三章6节作业

第三章7节作业

第三章第5节作业

第四章 交互动画的原理

第一节 交互动画的三要素：事件源、事件与响应

第二节 电子相册：一个H5交互动画案例

第三节 交互动画的事件处理机制（基于AS3.0）

第四节 AS3.0编程基础

第四章第二节作业

第五章 鼠标事件与交互动画制作

第一节 AS3.0中的八种鼠标事件

第二节 对象的常用属性和深度管理

第三节 案例：基于鼠标事件的交互动画

第五章第三节作业

第六章 进入帧事件与交互动画制作

第一节 “进入帧”事件

第二节 影片剪辑定义成类

第七章 键盘事件与交互动画制作

第一节 KeyboardEvent类

第二节 打字游戏：键盘交互动画案例

第八章 交互中的碰撞检测

第一节 交互中的碰撞检测方法

第二节 像素级碰撞检测

参考资料

[1] [美]Russell·Chun.Adobe Animate CC 2018经典教程[M].北京：人民邮电出版社，2019.

[2] [美]Billy Lamberta. HTML5+JavaScript动画基础[M] . 北京：人民邮电出版社，2013.

[3] 孟强. Adobe Animate CC 2018 动画制作案例教程[M] .北京：清华大学出版社，2018.

[4] 杜晓荣. HTML5 交互动画开发实践教程[M] .北京：清华大学出版社，2014.