零代码HTML5交互动画设计（一体化教材）
定价：￥35.60
作者： 陈志
最新印次日期：2025-1
出版社：高等教育出版社
- 高等教育出版社
- 9787040481259
- 1版
- 48276049-3
- 16开
- 250
- 文化艺术大类
- 艺术设计类
- 艺术设计、计算机
- 高职
内容简介
本书是高等教育教学改革创新示范教材。
本书以专业级HTML5 交互动画内容制作云平台———Mugeda 为基础介绍HTML5 在广告、营销、节展、教育、亲子、游戏以及可视化新闻等方面的应用。本书的主要内容包括HTML5 的前世今生、Mugeda 基本 操作流程、Mugeda 界面组成与工具介绍、几种动画类型、交互功能的应用、综合案例解析、零代码实现高级交互效果、零代码制作戳螃蟹小游戏、API 的应用。本书教学资源丰富，提供了专业的网络教程链接，并且提供了二维码资源，以微视频的方式帮助读者理解和学习。
本书适合作为高等院校相关课程的教学用书，也适合作为新媒体交互动画设计制作人员的自学用书。
目录
目录
第1章 HTML5的前世今生
1.1 超文本标记语言的第五次重大修改 …………………………………… 1
1.2 HTML5在新媒体营销领域的运用 ……………………………………… 5
1.3 HTML5作品类型与赏析 ………………………………………………… 7
1.4 HTML5制作工具介绍 ……………………………………………………20
思考题 ……………………………………………………………………………25
第2章 Mugeda基本操作流程 …………………………………………………26
2.1 添加元素到舞台 ……………………………………………………………26
2.2 为舞台上的元素定义动画 ………………………………………………31
2.3 定义与用户的交互行为 …………………………………………………35
2.4 导出与发布内容 ……………………………………………………………36
2.5 作品资源管理与账户管理 ………………………………………………39
思考题 ……………………………………………………………………………40
第3章 Mugeda界面组成与工具介绍 ………………………………………41
3.1 界面组成及功能介绍 ……………………………………………………41
3.2 时间线的运用 ………………………………………………………………67
思考题 ……………………………………………………………………………72
第4章 几种动画类型 ……………………………………………………………73
4.1 进度动画 ……………………………………………………………………73
4.2 变形动画 ……………………………………………………………………80
4.3 遮罩动画 ……………………………………………………………………84
4.4 元件动画与关联动画 ……………………………………………………87
思考题 ……………………………………………………………………………90
第5章 交互功能的应用 …………………………………………………………92
5.1 定制电话与地图链接 ……………………………………………………92
5.2 指纹扫描效果 ………………………………………………………………97
5.3 点击跳转效果 ………………………………………………………………110
5.4 定制图片与录制声音 ……………………………………………………125
5.5 页面跳转控制 ………………………………………………………………139
思考题 ……………………………………………………………………………159
第6章 综合案例解析 ……………………………………………………………160
6.1 微信贺卡 ……………………………………………………………………160
6.2 可视化新闻 …………………………………………………………………178
6.3 交互儿童绘本 ………………………………………………………………186
6.4 交互测试游戏 ………………………………………………………………192
思考题 ……………………………………………………………………………205
第7章 零代码实现高级交互效果 ………………………………………………206
7.1 逻辑判断 ……………………………………………………………………206
7.2 常用的逻辑判断工具 ………………………………………………………218
7.3 拓展思维 ……………………………………………………………………231
思考题 ……………………………………………………………………………232
第8章 零代码制作戳螃蟹小游戏 ………………………………………………233
8.1 分析游戏 ……………………………………………………………………233
8.2 制作动画 ……………………………………………………………………234
8.3 添加交互和逻辑判断 ……………………………………………………239
思考题 ……………………………………………………………………………250
第9章 API的应用 …………………………………………………………………251
9.1 在动画中添加代码 …………………………………………………………251
9.2 Mugeda API的整体结构 …………………………………………………253
9.3 scene对象 …………………………………………………………………258
9.4 aObject对象 ………………………………………………………………263
9.5 工具API ……………………………………………………………………268
思考题 ……………………………………………………………………………268
第1章 HTML5的前世今生
1.1 超文本标记语言的第五次重大修改 …………………………………… 1
1.2 HTML5在新媒体营销领域的运用 ……………………………………… 5
1.3 HTML5作品类型与赏析 ………………………………………………… 7
1.4 HTML5制作工具介绍 ……………………………………………………20
思考题 ……………………………………………………………………………25
第2章 Mugeda基本操作流程 …………………………………………………26
2.1 添加元素到舞台 ……………………………………………………………26
2.2 为舞台上的元素定义动画 ………………………………………………31
2.3 定义与用户的交互行为 …………………………………………………35
2.4 导出与发布内容 ……………………………………………………………36
2.5 作品资源管理与账户管理 ………………………………………………39
思考题 ……………………………………………………………………………40
第3章 Mugeda界面组成与工具介绍 ………………………………………41
3.1 界面组成及功能介绍 ……………………………………………………41
3.2 时间线的运用 ………………………………………………………………67
思考题 ……………………………………………………………………………72
第4章 几种动画类型 ……………………………………………………………73
4.1 进度动画 ……………………………………………………………………73
4.2 变形动画 ……………………………………………………………………80
4.3 遮罩动画 ……………………………………………………………………84
4.4 元件动画与关联动画 ……………………………………………………87
思考题 ……………………………………………………………………………90
第5章 交互功能的应用 …………………………………………………………92
5.1 定制电话与地图链接 ……………………………………………………92
5.2 指纹扫描效果 ………………………………………………………………97
5.3 点击跳转效果 ………………………………………………………………110
5.4 定制图片与录制声音 ……………………………………………………125
5.5 页面跳转控制 ………………………………………………………………139
思考题 ……………………………………………………………………………159
第6章 综合案例解析 ……………………………………………………………160
6.1 微信贺卡 ……………………………………………………………………160
6.2 可视化新闻 …………………………………………………………………178
6.3 交互儿童绘本 ………………………………………………………………186
6.4 交互测试游戏 ………………………………………………………………192
思考题 ……………………………………………………………………………205
第7章 零代码实现高级交互效果 ………………………………………………206
7.1 逻辑判断 ……………………………………………………………………206
7.2 常用的逻辑判断工具 ………………………………………………………218
7.3 拓展思维 ……………………………………………………………………231
思考题 ……………………………………………………………………………232
第8章 零代码制作戳螃蟹小游戏 ………………………………………………233
8.1 分析游戏 ……………………………………………………………………233
8.2 制作动画 ……………………………………………………………………234
8.3 添加交互和逻辑判断 ……………………………………………………239
思考题 ……………………………………………………………………………250
第9章 API的应用 …………………………………………………………………251
9.1 在动画中添加代码 …………………………………………………………251
9.2 Mugeda API的整体结构 …………………………………………………253
9.3 scene对象 …………………………………………………………………258
9.4 aObject对象 ………………………………………………………………263
9.5 工具API ……………………………………………………………………268
思考题 ……………………………………………………………………………268
第1章 HTML5的前世今生
1.1 超文本标记语言的第五次重大修改 …………………………………… 1
1.2 HTML5在新媒体营销领域的运用 ……………………………………… 5
1.3 HTML5作品类型与赏析 ………………………………………………… 7
1.4 HTML5制作工具介绍 ……………………………………………………20
思考题 ……………………………………………………………………………25
第2章 Mugeda基本操作流程 …………………………………………………26
2.1 添加元素到舞台 ……………………………………………………………26
2.2 为舞台上的元素定义动画 ………………………………………………31
2.3 定义与用户的交互行为 …………………………………………………35
2.4 导出与发布内容 ……………………………………………………………36
2.5 作品资源管理与账户管理 ………………………………………………39
思考题 ……………………………………………………………………………40
第3章 Mugeda界面组成与工具介绍 ………………………………………41
3.1 界面组成及功能介绍 ……………………………………………………41
3.2 时间线的运用 ………………………………………………………………67
思考题 ……………………………………………………………………………72
第4章 几种动画类型 ……………………………………………………………73
4.1 进度动画 ……………………………………………………………………73
4.2 变形动画 ……………………………………………………………………80
4.3 遮罩动画 ……………………………………………………………………84
4.4 元件动画与关联动画 ……………………………………………………87
思考题 ……………………………………………………………………………90
第5章 交互功能的应用 …………………………………………………………92
5.1 定制电话与地图链接 ……………………………………………………92
5.2 指纹扫描效果 ………………………………………………………………97
5.3 点击跳转效果 ………………………………………………………………110
5.4 定制图片与录制声音 ……………………………………………………125
5.5 页面跳转控制 ………………………………………………………………139
思考题 ……………………………………………………………………………159
第6章 综合案例解析 ……………………………………………………………160
6.1 微信贺卡 ……………………………………………………………………160
6.2 可视化新闻 …………………………………………………………………178
6.3 交互儿童绘本 ………………………………………………………………186
6.4 交互测试游戏 ………………………………………………………………192
思考题 ……………………………………………………………………………205
第7章 零代码实现高级交互效果 ………………………………………………206
7.1 逻辑判断 ……………………………………………………………………206
7.2 常用的逻辑判断工具 ………………………………………………………218
7.3 拓展思维 ……………………………………………………………………231
思考题 ……………………………………………………………………………232
第8章 零代码制作戳螃蟹小游戏 ………………………………………………233
8.1 分析游戏 ……………………………………………………………………233
8.2 制作动画 ……………………………………………………………………234
8.3 添加交互和逻辑判断 ……………………………………………………239
思考题 ……………………………………………………………………………250
第9章 API的应用 …………………………………………………………………251
9.1 在动画中添加代码 …………………………………………………………251
9.2 Mugeda API的整体结构 …………………………………………………253
9.3 scene对象 …………………………………………………………………258
9.4 aObject对象 ………………………………………………………………263
9.5 工具API ……………………………………………………………………268
思考题 ……………………………………………………………………………268
第1章 HTML5的前世今生
1.1 超文本标记语言的第五次重大修改 …………………………………… 1
1.2 HTML5在新媒体营销领域的运用 ……………………………………… 5
1.3 HTML5作品类型与赏析 ………………………………………………… 7
1.4 HTML5制作工具介绍 ……………………………………………………20
思考题 ……………………………………………………………………………25
第2章 Mugeda基本操作流程 …………………………………………………26
2.1 添加元素到舞台 ……………………………………………………………26
2.2 为舞台上的元素定义动画 ………………………………………………31
2.3 定义与用户的交互行为 …………………………………………………35
2.4 导出与发布内容 ……………………………………………………………36
2.5 作品资源管理与账户管理 ………………………………………………39
思考题 ……………………………………………………………………………40
第3章 Mugeda界面组成与工具介绍 ………………………………………41
3.1 界面组成及功能介绍 ……………………………………………………41
3.2 时间线的运用 ………………………………………………………………67
思考题 ……………………………………………………………………………72
第4章 几种动画类型 ……………………………………………………………73
4.1 进度动画 ……………………………………………………………………73
4.2 变形动画 ……………………………………………………………………80
4.3 遮罩动画 ……………………………………………………………………84
4.4 元件动画与关联动画 ……………………………………………………87
思考题 ……………………………………………………………………………90
第5章 交互功能的应用 …………………………………………………………92
5.1 定制电话与地图链接 ……………………………………………………92
5.2 指纹扫描效果 ………………………………………………………………97
5.3 点击跳转效果 ………………………………………………………………110
5.4 定制图片与录制声音 ……………………………………………………125
5.5 页面跳转控制 ………………………………………………………………139
思考题 ……………………………………………………………………………159
第6章 综合案例解析 ……………………………………………………………160
6.1 微信贺卡 ……………………………………………………………………160
6.2 可视化新闻 …………………………………………………………………178
6.3 交互儿童绘本 ………………………………………………………………186
6.4 交互测试游戏 ………………………………………………………………192
思考题 ……………………………………………………………………………205
第7章 零代码实现高级交互效果 ………………………………………………206
7.1 逻辑判断 ……………………………………………………………………206
7.2 常用的逻辑判断工具 ………………………………………………………218
7.3 拓展思维 ……………………………………………………………………231
思考题 ……………………………………………………………………………232
第8章 零代码制作戳螃蟹小游戏 ………………………………………………233
8.1 分析游戏 ……………………………………………………………………233
8.2 制作动画 ……………………………………………………………………234
8.3 添加交互和逻辑判断 ……………………………………………………239
思考题 ……………………………………………………………………………250
第9章 API的应用 …………………………………………………………………251
9.1 在动画中添加代码 …………………………………………………………251
9.2 Mugeda API的整体结构 …………………………………………………253
9.3 scene对象 …………………………………………………………………258
9.4 aObject对象 ………………………………………………………………263
9.5 工具API ……………………………………………………………………268
思考题 ……………………………………………………………………………268
