第1 章 iVX 入门 ........................001
1.1 H5 概况 .................................... 001
1.1.1 H5 是什么 .......................... 001
1.1.2 H5 编辑工具 ...................... 001
1.1.3 H5 案例展示 ...................... 002
1.2 iVX 工作流程 ......................... 004
1.2.1 准备工作 ............................ 004
1.2.2 新建应用 ............................ 004
1.2.3 界面 .................................... 006
1.2.4 父子对象 ............................ 008
1.2.5 项目实训:翻页.................... 008
1.3 前台布局 .................................. 011
1.3.1 常用布局组件 .................... 011
1.3.2 项目实训:自适应网页...... 015
1.4 常用素材组件 ........................... 018
1.5 拓展训练 ................................... 023
1.6 本章小结 ................................... 024
第2 章 交互基础 ....................... 025
2.1 事件 ........................................... 025
2.1.1 事件概述 ............................ 025
2.1.2 项目实训:活动报名表...... 027
2.2 轨迹 ........................................... 032
2.2.1 轨迹与关键帧动画 ............ 032
2.2.2 时间轴 ................................ 033
2.2.3 项目实训:切西瓜............... 034
2.2.4 项目实训:冰冻果汁.......... 037
2.3 计数器与条件容器 ................... 040
2.3.1 计数器 ................................ 040
2.3.2 条件容器 ............................ 041
2.3.3 项目实训:按住1 秒钟...... 041
2.3.4 项目实训:色觉游戏.......... 044
2.4 触发器 ....................................... 047
2.4.1 触发器概述 ........................ 047
2.4.2 项目实训:倒计时............... 047
2.5 拓展训练 ................................... 053
2.6 本章小结 ................................... 054
第3 章 动画基础 ....................... 055
3.1 组件 ........................................... 055
3.2 动效与动效组 ........................... 055
3.2.1 动效的使用场景 ................ 055
3.2.2 动效的添加 ........................ 055
3.2.3 动效组 ................................ 057
3.2.4 项目实训:动效果汁.......... 057
3.3 滑动时间轴 ............................... 059
3.3.1 滑动时间轴概述 ................ 059
3.3.2 项目实训:滑动天气.......... 059
3.4 运动与缓动 ............................... 064
3.5 图片序列与面板 ....................... 065
3.5.1 图片序列 ............................ 065
3.5.2 面板 .................................... 066
3.5.3 项目实训:蓝色星球.......... 066
3.6 画中画 ....................................... 068
3.6.1 画中画概述 ........................ 068
3.6.2 项目实训:画中画............... 068
3.7 拓展训练 ................................... 071
3.8 本章小结 ................................... 072
第4 章 全景与3D 世界 ........... 073
4.1 全景 ........................................... 073
4.1.1 全景概述 ............................ 073
4.1.2 项目实训:720°全景风光............................................ 074
4.1.3 全景视频 ............................ 082
4.2 3D 世界 ..................................... 083
4.2.1 3D 世界概述 ...................... 083
4.2.2 项目实训:3D 邀请函........ 084
4.3 拓展训练 ................................... 088
4.4 本章小结 ................................... 088
第5 章 物理世界 ....................... 089
5.1 物理世界概述 ........................... 089
5.1.1 项目实训:小熊滑滑梯...... 091
5.1.2 项目实训:飞机大战.......... 093
5.2 拓展训练 ................................... 101
5.3 本章小结 ................................... 104
第6 章 数据库与服务 ................ 105
6.1 数据库 ....................................... 105
6.1.1 数据库概述 ........................ 105
6.1.2 项目实训:简易表单提交............................................ 107
6.1.3 项目实训:数据库抽奖...... 113
6.2 用户数据库 ............................... 126
6.2.1 用户数据库概述 ................ 126
6.2.2 项目实训:手机短信验证注册与登录................................... 127
6.3 微信注册与登录 ....................... 135
6.3.1 微信注册与登录概述 ........ 135
6.3.2 项目实训:微信注册与登录............................................ 137
6.4 拓展训练 ................................... 139
6.5 本章小结 ................................... 139
第7 章 适配 .................................141
7.1 适配概述 ................................... 141
7.1.1 适配的含义 ........................ 141
7.1.2 设备像素比(DPR) ......... 141
7.2 iVX 中的屏幕适配 ................... 142
7.2.1 设备适配 ............................ 142
7.2.2 前台适配 ............................ 142
7.2.3 排版容器 ........................... 144
7.2.4 横幅 .................................... 145
7.3 横屏适配 ................................... 146
7.3.1 项目实训:设备适配.......... 148
7.3.2 项目实训:视频真横屏适配............................................ 150
7.4 拓展训练 ................................... 154
7.5 本章小结 ................................... 154
第8 章 H5 创意设计 ................. 155
8.1 H5 作品的分类 ......................... 155
8.2 H5 作品的设计原则 ................. 155
8.2.1 交互作品量表 .................... 155
8.2.2 H5 作品创作的一般性原则 .................................... 156
8.3 H5 作品的设计流程 ................. 156
8.3.1 版面设计 ............................ 157
8.3.2 交互设计 ............................ 159
8.4 H5 设计常用工具软件 ............. 163
8.4.1 设计工具 ............................ 163
8.4.2 H5 制作工具 ...................... 164
8.4.3 辅助工具 ............................ 165
8.5 “大广赛”参赛指南 ............... 166
8.5.1 “大广赛”简介 ................ 166
8.5.2 “大广赛”互动作品创作要点 .................................. 167
8.5.3 “大广赛”iVX 平台创作与提交问题汇总 .................. 168
8.6 本章小结 ................................... 172
参考文献......................................... 173
致谢................................................. 174