H5融媒体制作项目式教程（微课版）

任务驱动—结合企业真实案例，以项目化任务驱动式构建内容，系统地讲解H5交互动画的基本理论和制作技术。

课程思政—任务案例从选取到制作充分考虑到课程思政建设，践行社会主义核心价值观，注重职业岗位素养培养，向读者传达正确的思想导向，传播正能量。

注重实践—引入大量媒体企业实际案例，帮助读者由浅入深地了解并掌握H5融媒体交互动画制作所需的基本技能，而且将“融媒体内容制作”1+X 职业技能标准充分融入到知识架构中。

随着科学技术的飞速发展，移动终端如手机、Pad等数字产品已经与大众生活和工作紧密结合，尤其是当前媒体融合时代，媒体的传播和内容制作也越来越趋于交互式、小屏化，因此H5作为可以进行小屏观看、视觉效果好、传播能力强、可交互的一种内容形式，得到广泛的应用。各大媒体企业越来越关注H5融媒体内容的制作与推广，也为媒体人和相关从业人员提供了机遇。本书深入讲解H5融媒体交互动画的制作原理和方法，重点关注H5的交互制作和各种工具的创意性应用，同时引入大量媒体企业实际案例，帮助读者由浅入深地了解并掌握H5融媒体交互动画制作所需的基本技能，快速提高职业技能。

全书分为6个项目，每个项目具体内容如下：

项目1为“平台操作和管理”，包括3个任务。首先通过案例引入讲解，使读者对H5类型和应用有初步的认知和了解；其次详细讲解了Mugeda平台的账号注册流程，以及平台的基本操作；最后通过任务实训，使读者了解H5的基本制作流程。

项目2为“基础动画制作”，包括4个任务，通过任务实践，讲解预置动画、关键帧动画、加载页、镜头运动动画等基础动画的制作技术，为后续的动画制作打好基础。

项目3为“特型动画制作”，包括6个任务，主要讲解路径动画、进度动画、变形动画、遮罩动画、元件动画、关联动画等几种常见特型动画的制作方法，使读者的动画制作技术得到进一步提高。

项目4为“行为交互动画制作”，包括5个任务，主要讲解各种触发条件、交互行为的设置，如帧行为、页行为、媒体播放控制、属性控制以及逻辑控制等。通过本项目的学习，可以实现各种创意的交互式动画效果，使读者的动画制作技能得到很大程度的提升。

项目5为“工具应用动画制作”，包括5个任务，主要讲解Mugeda平台中的各种工具的使用，如虚拟现实、微信定制、陀螺仪、定时器、随机数等工具，利用这些工具可以增加动画的创新性和实用性。通过本项目的学习，使读者能够综合利用多种工具，制作多种类型的创意H5动画。

项目6为“动画制作综合实训”，包括3个任务，取自山东广播电视台“闪电新闻H5”的3个真实案例，分别讲解3种常见类型的动画—翻页类展示动画、长图拖动类交互动画、游戏类交互动画；动画制作过程中综合应用多种工具和动画类型，交互性强、综合性高。通过本项目的学习，可以使读者的综合动画制作技能得到全面的提升。

本书主要特色如下：

（1）引入真实案例，注重实践。本书引入媒体企业真实案例，以项目化任务驱动式构建内容，每个任务的内容包含相关的“知识链接”，讲解基础知识和原理，并进行实践指导，加以强化认识和理解；然后通过任务实施，将本任务的目标作品实现步骤进行详细的讲解和指导，使教学目标得以实践掌握。

（2）案例内容融入课程思政元素。本书任务案例从选取到制作，充分考虑到课程思政建设，在“任务描述”中包含案例的课程思政描述，每个案例均能向读者传达正确的思想导向，传播正能量。

（3）对接1+X职业技能标准。本书为校企合作开发教材，不仅在任务中引入真实案例，而且将“融媒体内容制作”1+X职业技能标准充分融入到知识架构中。通过本书的学习，能够对接证书的初级和中级标准，适用于高职院校各相关专业学生学习，也可作为备考辅导书。

本书的编写得到山东省职业教育技艺技能传承创新平台（媒体融合技术创新平台）的资助，以及山东广播电视台融媒体资讯中心的全力配合，主要参与人员有山东广播电视台融媒体资讯中心的张晓博、刘玉良，山东传媒职业学院的吕梁、范国娟、袁堂青、曾琦、何丽丽，以及广西广播电视学校的宋伟红等，全体人员在编写过程中付出了大量的辛勤劳动，在此一并表示衷心的感谢。

项目1　平台操作和管理 1
任务1　Mugeda平台账号注册和管理 1
任务2　平台页面与作品管理 5
任务3　H5动画制作初体验—科比个人资料 10
项目拓展 16
思考与练习 16
项目2　基础动画制作 17
任务1　预置动画—战疫情 17
任务2　物体运动动画—端午情 27
任务3　加载页制作—定制加载页 32
任务4　镜头运动动画—一镜到底效果 38
项目拓展 44
思考与练习 44
项目3　特型动画制作 45
任务1　路径动画制作—文化中国之清明 45
任务2　进度动画制作—灵动线条动画 51
任务3　变形动画制作—小猫钓鱼 56
任务4　遮罩动画制作—运动光影动画 61
任务5　元件动画制作—敬业的程序员 67
任务6　关联动画制作—升旗 73
项目拓展 80
思考与练习 80
项目4　行为交互动画制作 81
任务1　帧行为交互动画制作—“种树苗”小游戏 81
任务2　页行为交互动画制作—摇一摇 94
任务3　媒体播放控制动画制作—听解放路上的“声”活 102
任务4　属性控制交互动画制作—愚公精神 111
任务5　逻辑控制交互动画的制作—中华成语故事 117
项目拓展 123
思考与练习 123
项目5　工具应用动画制作 124
任务1　虚拟现实全景场景制作—校园全景游览 124
任务2　微信定制页面制作—贺卡制作 136
任务3　陀螺仪的应用—滚动的小球 148
任务4　控件工具的应用—“最喜爱的城市”投票 157
任务5　随机数的应用—“翻牌”小游戏 167
项目拓展 175
思考与练习 175
项目6　动画制作综合实训 176
任务1　翻页类展示动画的制作—“加减乘除看改革” 176
任务2　长图拖动类交互动画的制作—“有他，郡县制天下安” 184
任务3　游戏类交互动画的制作—“捉谣记” 194
项目拓展 207
思考与练习 207
参考文献 208

1. 输水管线工程风险管理 [张勇 党亥生 著]
2. 民用航空飞机标准线路施工 [主编　王志敏　陈明]
3. 不息的水脉—大运河讲谈录 [赵珩　著]
4. 实用运筹学 [主编　邢育红　于晋臣]
5. 三峡梯级电站水资源决策支持系统研究与开发 [姚华明 潘红忠 汤正]
6. 海南黎族民俗文化鉴赏 [庞国华　著]
7. 石墨烯在太赫兹及中红外频段电磁器件设计中的应用 [李艳秀 庄华伟 著]
8. 电子技术（第二版） [主编 覃爱娜 李飞]
9. 办公自动化高级应用 [陈萍 朱晓玉]
10. 信息处理技术员考试32小时通关 [薛大龙]
11. 电子产品设计案例教程（微课版）—基于嘉立创EDA（专业版） [王静 莫志宏 陈学昌 丁红]
12. C程序设计实践教程 [刘卫国]
13. C程序设计（慕课版） [刘卫国]
14. Web技术开发教程（基于.NET开源MVC框架） [王合闯 韩红玲 王青正 陈海蕊]
15. 商务英语翻译教程（笔译）（第四版） [主编 王军平]
16. 智慧零售技术与应用 [洪旭 著]
17. 建设工程法规实务 [主编 余滢]
18. 商务秘书理论与实务（第三版） [主编 张同钦]
19. 程序设计基础实践教程（C/C++语言版） [张桂芬 葛丽娜]
20. C++案例项目精讲 [主编 杨国兴]
21. 劳动争议处理实务 [主编 王秀卿 罗静]
22. 工程数学 [主编 郭立娟 王海]
23. 语音识别理论与实践 [主编　莫宏伟]
24. 信息系统项目管理师章节习题与考点特训（第二版） [主编 薛大龙]
25. 武术基础教程 [主编 李代勇 谢志民]
26. 计算机网络实训教程 [主编 张浩军 赵玉娟]
27. 画法几何与机械制图习题集（多学时） [主编 赵军]
28. HCIA-Datacom认证题库分类精讲 [主 编 韩立刚]
29. SwiftUI完全开发 [李智威 著]
30. 网络规划设计师备考一本通 [夏杰 编著]