01游戏设计与HTML 2
1.1 HTML5简介 2
HTML是什么 2
HTML的缺陷 3
HTML5的发展 3
HTML5全新体验 4
HTML5特质 5
HTML5与游戏设计 6
1.2 HTML5开发环境的建立 6
编辑工具Notepad ++ 7
安装Notepad++ 9
1.3 HTML5测试与调试 14
安装Firefox浏览器 15
安装Selenium IDE 16
应用Selenium IDE 18
1.4范例:HelloWorld 21
范例说明 21
重点技术 21
代码段 23
程序代码解析 23
02HTML5基础 26
2.1结构化元素 26
什么是结构化元素 26
结构化元素图解 26
实际应用 28
2.2内容标记方法 31
绘图元素 31
分组元素 31
文字层级元素 32
交互式元素 34
2.3多媒体应用 35
〈audio〉 35
〈video〉 36
〈source〉 37
〈track〉 37
补充说明:WebVTT格式 38
〈embed〉 38
2.4 Web应用程序 39
〈datalist〉 39
〈keygen〉 39
〈output〉 40
〈meter〉 41
〈progress〉 41
03CSS3应用 44
3.1 CSS基础知识 44
CSS是什么 44
CSS3闪亮登场 44
CSS基本语句 45
引用CSS 47
实战CSS 49
3.2文字与图片 49
文字样式 50
图片 55
盒子模式(box model) 58
3.3表格与窗体 61
表格 61
窗体 63
04CSS3网页小游戏 67
4.1制作游戏场景 67
游戏策划 67
HTML结构 68
CSS样式 70
4.2制作地鼠和死亡动画 73
地鼠布局方式 73
地鼠死亡动画的触发原理 73
动画属性Animation 74
CSS样式 74
4.3制作得分动画 83
得分动画制作原理 83
渐变属性Transition 83
CSS样式 84
4.4制作关卡时间条与游戏结束画面 85
关卡时间条动画原理 85
CSS样式 86
05常用的触发事件与组件 90
5.1鼠标单击事件监听 90
JavaScript提要 90
鼠标单击事件 92
5.2键盘按键事件监听 96
按下一个键(onKeyDown) 96
按住(keyPress)与放开(KeyUp) 98
5.3网页锚点跳转 98
认识URL地址格式 98
认识hash值 99
5.4浏览器检测 100
认识navigator 100
实践一下navigator 102
5.5 D OM控制 102
认识getElementById 102
认识eval()语句 104
实现一个加减乘除计算器 105
5.6分辨率检测 107
检测屏幕数值 107
自动转换电脑版与移动版版面 108
5.7发送E-Mail——客户回复系统 109
使用Chrome浏览器启动mailto 109
使用JavaScript启动E-Mail 109
5.8当前时间日期 112
日期时间检测——计时器 112
日期对象Date 112
实现时间显示与计时器 112
程序的执行效率 113
06多媒体播放 116
6.1 Canvas画布基础绘图 116
Canvas语句的基础 116
画布样版 116
绘制图形 117
控制图形的变形 122
6.2 Canvas动画应用 126
函数setInterval() 126
函数requestAnimationFrame() 128
6.3多媒体影音播放 131
函数drawImage 131
播放器尺寸的控制 133
6.4范例:动画小剧场 135
范例画面 135
角色表(sprite)原理 136
程序剖析 136
07Web应用 141
7.1基础介绍 141
AJAX 141
JSON 144
7.2范例:Web服务器实际演练 148
建立Web服务器 148
AJAX传输范例 152
JSON实际演练 155
08网页数据存储 158
8.1 Cookie和Session 158
Stateless和Stateful 158
Cookies简介 159
Session简介 160
8.2 Web Storage 161
Web Storage的优势 161
Web Storage的种类 161
8.3范例:窗体切换 165
09学习使用jQuery 169
9.1 jQuery事件与函数 169
开始使用jQuery 169
认识jQuery语句 170
jQuery声明 170
jQuery选取指令 171
j Query函数 174
jQuery事件处理 174
9.2标签控制 177
属性(Attributes)和样式(CSS)控制 177
DOM操作 179
动画效果 181
连续使用函数 186
9.3开源模块的应用 188
认识jQuery Plugin 188
引用jQuery Plugin 188
创建jQuery Plugin 189
应用jQuery Plugin 190
9.4范例:拉霸游戏 191
jQuery Plugin资源 191
拉霸游戏 193
10趣味交互式个人履历网站 198
10.1确定履历呈现的内容单元 198
角色设置 198
场景设置 198
美术风格 201
故事脚本 202
系统规划 205
10.2建立视差滚动网站场景 207
初始设置 208
游戏内容 208
10.3制作角色外观与常态动画 213
显示环境设置 213
天空背景设置 214
角色设置 215
地面背景设置 224
标题云与文字内容 225
10.4制作场景对象动画事件 227
视差滚动 227
触发动画 229
11认识HTML5游戏引擎 236
11.1 gameQuery 236
第一次接触gameQuery 236
快速浏览gameQuery函数 237
11.2 Quintus 239
第一次接触Quintus 239
范例快速浏览 240
11.3 Melonjs 245
第一次接触Melonjs 245
范例快速浏览 247
11.4 LimeJS 250
第一次接触LimeJS 250
范例快速浏览 253
11.5 Cocos2D 256
第一次接触Cocos2D 256
官方范例快速浏览 257
12游戏制作——2D游戏地图 261
12.1下载与安装Tiled Map Editor 261
12.2 2D免费游戏场景资源介绍 262
OpenGameArt 262
Reiner's Tilesets 264
Game-icons.Net 264
其他免费资源 265
12.3绘制2D游戏场景与对象 265
绘制场景 265
绘制对象 269
12.4编辑场景对象的属性 270
12.5实机测试 271
13游戏制作——仓库番推宝箱 274
13.1 Quintus环境建立 274
13.2 2D游戏场景建设 275
13.3人物操控与Sheet动画 279
13.4 2D碰撞系统 285
13.5游戏关卡建立 287
13.6加载多媒体资源 289
13.7实机测试 290
14游戏制作——Facebook网络应用 293
14.1 Facebook API下载与权限申请 293
开发人员注册 293
添加应用程序 294
获取API 296
14.2 Facebook会员登录按钮 298
JavaScript部分 298
HTML部分 302
14.3 Facebook发帖分享 302
JavaScript部分 302
HTML部分 305
15HTML5游戏的上线分享 307
15.1 Google云端存储架设游戏网站 307
Google云端存储架站的限制 307
Google云端存储架设网站的步骤 307
15.2使用二维码分享网址 310
二维码 311
加入桌面 311