HTML5游戏开发实践指南

译者序

前言

第1章　HTML5概述

1.1　超越基本的HTML

1.1.1　JavaScript

1.1.2　AJAX2

1.2　填补空白

1.2.1　Google Gears

1.2.2　Chrome Frame

1.3　使用WebSockets和Web Workers编程

1.3.1　WebSockets

1.3.2　Web Workers

1.4　应用程序缓存

1.5　数据库API

1.5.1　WebSQL API

1.5.2　IndexedDB API

1.6　Web Storage

1.7　定位

1.8　提示用户消息

1.8.1　为显示提示请求权限

1.8.2　创建提示

1.8.3　与提示信息实现交互

1.9　媒体元素

1.9.1　控制媒体播放

1.9.2　处理不支持的格式

1.10　绘画API

1.10.1　Canvas

1.10.2　SVG

1.10.3　WebGL

1.11　使用Microdata传达信息

1.12　小结

第2章　配置开发环境

2.1　开发工具

2.1.1　安装Java

2.1.2　安装Eclipse IDE和Google插件

2.1.3　Google Web Toolkit

2.2　Web服务器端工具和选项

2.2.1　Google App Engine

2.2.2　Opera Unite

2.2.3　Node.js和RingoJS

2.3　浏览器端工具

2.3.1　Chrome开发人员工具

2.3.2　Chrome扩展程序

2.3.3　Safari开发人员工具

2.3.4　Firebug

2.4　HTML5工具

2.4.1　ProcessingJS

2.4.2　Inkscape

2.4.3　SVG-edit

2.4.4　Raphal

2.5　3D建模工具

2.6　小结

第3章　JavaScript概述

3.1　什么是JavaScript

3.1.1　JavaScript基本类型

3.1.2　理解算术运算符

3.1.3　理解JavaScript函数

3.1.4　first-class对象函数

3.1.5　比较运算符

3.2　条件和循环语句

3.2.1　使用循环控制程序流

3.2.2　使用setTimeout和setInterval函数实现延迟执行

3.3　使用继承和多态创建复杂对象

3.4　JQuery简介

3.4.1　使用选择器操作DOM元素

3.4.2　JQuery事件

3.4.3　JQuery中的AJAX41

3.4.4　跨站点脚本

3.5　JSON：另一种JavaScript格式

3.6　浏览器外的JavaScript

3.6.1　移动平台

3.6.2　将JavaScript作为中间语言

3.6.3　桌面应用中的JavaScript

3.7　服务器端JavaScript

3.8　小结

3.9　练习

第4章　游戏运行机制

4.1　游戏设计

4.1.1　撰写基本设计文档

4.1.2　确定游戏类型

4.1.3　游戏循环

4.1.4　获取用户输入

4.2　使用高级数据结构实现游戏对象

4.2.1　使用Set构建唯一数据列表

4.2.2　使用链表创建对象图

4.3　理解SGF中的API

4.3.1　核心API

4.3.2　组件API

4.3.3　资源API及网络API

4.4　使用SGF构建乒乓球游戏

4.4.1　设置应用程序

4.4.2　绘制游戏配件

4.5　碰撞检测和响应

4.5.1　理解牛顿三大定律

4.5.2　让球动起来

4.5.3　高级碰撞检测和粒子系统

4.6　通过人工智能增加游戏难度

4.6.1　将人工智能应用到乒乓球游戏

4.6.2　将人工智能应用到井字棋游戏

4.7　小结

4.8　练习

第5章　使用Canvas标签构建游戏

5.1　Canvas基础

5.1.1　绘制路径

5.1.2　绘制井字棋游戏的棋子

5.2　使用变换绘制Canvas中的对象

5.2.1　变换规则

5.2.2　保存和恢复Canvas绘图状态

5.3　在Canvas中使用图片

5.3.1　使用Data URI访问图片

5.3.2　使用Spritesheets访问图片

5.3.3　在Canvas中绘制图片

5.4　使用Trident.js创建动画对象

5.4.1　创建时间线

5.4.2　使用关键帧实现动画

5.4.3　使用缓冲函数创建非线性时间线

5.4.4　使用Spritesheets创建游戏对象动画

5.5　在2D空间模拟3D

5.5.1　透视投影

5.5.2　视差

5.5.3　使用JavaScript创建视差效果

5.6　创建Copy Me游戏

5.6.1　绘制游戏对象

5.6.2　创建游戏音调

5.6.3　在浏览器中播放MIDI文件

5.6.4　同时播放多个音频

5.6.5　顺序播放音频

5.6.6　绘制游戏文本

5.6.7　使用CSS设置文本字体

5.7　小结

5.8　练习

第6章　使用SVG和RaphalJS构建游戏

6.1　SVG概述

6.2　使用RaphalJS

6.2.1　设置游戏开发环境

6.2.2　创建游戏板

6.2.3　绘制游戏文本

6.3　自定义字体

6.3.1　设置颜色

6.3.2　加载游戏资源

6.3.3　将SVG文件转换成位图

6.4　创建游戏类

6.4.1　洗牌

6.4.2　绘制及卡片动画

6.5　制作高级动画

6.5.1　路径

6.5.2　moveto和lineto

6.5.3　curveto

6.5.4　从SVG文件中导出路径

6.5.5　在路径中使用动画

6.6　使用插件扩展Raphal

6.6.1　添加函数

6.6.2　SVG滤镜

6.7　权衡速度

6.8　小结

6.9　练习

第7章　使用WebGL和Three.js构建游戏

第8章　不使用JavaScript构建游戏

第9章　构建多人游戏服务器

第10章　开发移动游戏

第11章　游戏发布

《HTML5游戏开发实践指南》以实践为导向，全面讲解了HTML5游戏开发所需掌握的各种最新技术、可以使用的各种工具和框架，以及开发的思维和方法，是系统学习HTML5游戏开发的最佳选择之一。
　　本书内容全面而且极具前瞻性，不仅重点阐述了HTML5和JavaScript的核心技术，而且还仔细讲解了WebGL、SVG、ProcessingJS、Inkscape、RaphalJS、PhoneGap、SGF、CoffeeScript和Node.js等与HTML5开发相关的各种技术、工具、框架、类库等的功能和使用方法，为HTML5应用开发者描绘了一幅完整的技术全景图。更为重要的是，它还深入讲解了HTML5游戏的运作机制、游戏开发与设计的思维和方法、游戏的性能优化方法，及其在各种平台上的发布方法。本书的实战性和可操作性也非常强，包含大量示例，有助于读者对理论知识进行融会贯通。
　　全书一共11章：第1章详细讲解了Canvas等HTML5的核心技术；第2章首先介绍了如何搭建一个完善的HTML5开发环境，然后讲解了如何部署HTML5应用开发需要的Web服务器端工具、浏览器端工具以及HTML5工具；第3章讲解了JavaScript的核心技术以及jQuery框架的使用；第4章探讨了游戏的设计思路和游戏的运行机制；第5～8章以实例的方式讲解了如何通过Canvas标签、SVG、RaphalJS、WebGL、Three.js、GWT、CoffeeScript等最新流行的技术和框架来开发游戏；第9章讲解了如何利用现今流行的Node.js来构建多人游戏服务器；第10章讲解了在Android、iOS、Windows Phone等主流移动平台上开发HTML5游戏的核心技术和PhoneGap等移动开发框架；第11章探讨了HTML5游戏的资源优化以及在各种平台的完整发布过程。

全面讲解HTML 5游戏开发所需掌握的各种新技术、工具和框架，以及开发的思维和方法；包含应用程序学习示例的整个开发过程，具有极强的实战性和可操作性。
　　
　　海报：