本书以专业级HTML5交互动画内容制作云平台---Mugeda为基础介绍HTML5在广告、营销、节展、教育、亲子、游戏以及可视化新闻等方面的应用。内容包括HTML5的前世今生、Mugeda基本操作流程、Mugeda界面组成与工具介绍、几种动画类型、交互功能的应用、综合案例解析、零代码实现高级交互效果、零代码制作戳螃蟹小游戏、API的应用。本书教学资源丰富,提供了专业的网络教程链接,并且提供了二维码资源,以微视频的方式帮助读者理解和学习。
本书是高等教育教学改革创新示范教材。
HTML5是下一代Web语言,它是超文本标记语言(HTML)的第五次重大修改。它为下一代Web提供了全新的框架和平台,包括提供免插件的音视频、图像动画、本体存储以及更多的酷炫而且重要的功能,并使这些应用标准化,从而使Web能够轻松实现类似桌面的应用体验。
HTML5目前在PC端与移动端广泛应用,本书以专业级HTML5交互动画内容制作云平台-Mugeda为基础介绍HTML5在广告、营销、节展、教育、亲子、游戏以及可视化新闻等方面的应用oMugeda拥有自主知识产权的动画技术,具有强大的动画编辑能力,包括时间线、元件库、无代码交互等功能特性,可以帮助专业设计师和团队高效地完成面向移动设备的HTML5专业内容制作;以及自由的创作空间,具有作品发布、账号管理、协同工作、数据收集等功能。本书的主要特点如下:
1.AdobeFlash由于系统性能和安全风险方面的缺陷,已经退出历史舞台oMugeda特别设计了与AdobeFlash相似的工作界面,让Flash动画设计师能够快速转型。如果你曾经是Flash的使用者,就可毫无障碍地过渡成为新工具的使用者了o
2.Mugeda采用零代码完成动画和交互设置,书中所有知识都结合具体实例进行介绍。在API部分所涉及的程序代码给出了详细的注释,可以使读者轻松领会HTML5的结构,快速提高交互动画制作技能。
3.本书教学资源丰富,提供了专业的网络教程链接,并且在关键的操作步骤提供了二维码资源,以微视频的方式帮助读者理解和学习o
4.与企业紧密合作,HTML5应用广泛,本书无法对每一个主题进行深入探讨,有兴趣进一步研究的读者可登录Mugeda官网寻求技术帮助;或者加入Mugeda技术论坛,得到研发工程师和设计师的详细解答oMugeda官网注册完全免费,用户随时可以创建自己的作品,并且作品不带水印和标志。
本书分为9章。第1~第3章介绍HTML5的概念释义和属性特点,以及Mugeda交互动画平台的基本操作流程,整体界面和功能分布;第4~第6章介绍Mugeda交互动画平台设计和创作中最普遍的功能和案例;第7~第9章介绍Mugeda交互动画平台完成零代码游戏制作的案例以及API功能的应用,深入讨论相关进阶主题。
本书由王志任总主编,由陈志任主编,由岑远科、马诗旻、任越美、陆维晨任副主编。本书在编写过程中,得到了Mugeda公司程序员、设计师以及工具的开发者的大力支持,北京乐享云创科技有限公司Mugeda学院和北京城市学院的张亚青、张婷婷、杨倩月、于洋、陈晓虹等有关人员也提供了帮助。在此一并表示由衷的感谢!
本书适合作为高等院校相关课程的教学用书,也适合作为新媒体交互动画设计制作人员的自学用书。
第1章 HTML5的前世今生
1.1 超文本标记语言的第五次重大修改
1.2 HTML5在新媒体营销领域的运用
1.3 HTML5作品类型与赏析
1.4 HTML5制作工具介绍
思考题
第2章 Mugeda基本操作流程
2.1 添加元素到舞台
2.2 为舞台上的元素定义动画
2.3 定义与用户的交互行为
2.4 导出与发布内容
2.5 作品资源管理与账户管理
思考题
第3章 Mugeda界面组成与工具介绍
3.1 界面组成及功能介绍
3.2 时间线的运用
思考题
第4章 几种动画类型
4.1 进度动画
4.2 变形动画
4.3 遮罩动画
4.4 元件动画与关联动画
思考题
第5章 交互功能的应用
5.1 定制电话与地图链接
5.2 指纹扫描效果
5.3 点击跳转效果
5.4 定制图片与录制声音
5.5 页面跳转控制
思考题
第6章 综合案例解析
6.1 微信贺卡
6.2 可视化新闻
6.3 交互儿童绘本
6.4 交互测试游戏
思考题
第7章 零代码实现高级交互效果
7.1 逻辑判断
7.2 常用的逻辑判断工具
7.3 拓展思维
思考题
第8章 零代码制作戳螃蟹小游戏
8.1 分析游戏
8.2 制作动画
8.3 添加交互和逻辑判断
思考题
第9章 API的应用
9.1 在动画中添加代码
9.2 MugedaAPI的整体结构
9.3 scene对象
9.4 aObiect对象
9.5 工具API
思考题