HTML5游戏开发案例教程电子书

扉页

版权页

内容提要

前言

如何使用本书

开发准备篇

第1章 构建Canvas开发环境

1.1 网页游戏概述

1.2 游戏开发流程

1.3 HTML5基础知识

1.3.1 HTML5概述

1.3.2 Canvas简介

1.4 开发环境配置

1.4.1 开发服务器

1.4.2 开发工具

1.4.3 浏览器

基础知识篇

第2章 Canvas基本功能

2.1 Canvas标签

2.1.1 定义Canvas标签

2.1.2 理解Canvas坐标系

2.1.3 获取Canvas环境上下文

2.2 Canvas图形

2.2.1 绘制Canvas路径

2.2.2 绘制Canvas变形图形

2.2.3 处理Canvas图形

2.3 Canvas文本

2.3.1 绘制文字

2.3.2 设置文字格式

2.3.3 设置文字对齐方式

2.4 Canvas图片

2.4.1 绘制drawImage图片

2.4.2 使用getImageData()和putImageData()绘制图片

2.4.3 使用createImageData()新建像素

第3章 CreateJS函数库

3.1 初识CreateJS

3.1.1 下载CreateJS

3.1.2 介绍CreateJS

3.1.3 对比CreateJS与Canvas

3.2 CreateJS包简介

3.2.1 EaselJS包

3.2.2 TweenJS包

3.2.3 SoundJS包

3.2.4 PreLoadJS包

3.3 EaselJS基础

3.3.1 EaselJS容器

3.3.2 EaselJS绘图

3.3.3 EaselJS事件

3.4 CreateJS控件

3.4.1 Text

3.4.2 BitMap

3.4.3 MovieClip

3.4.4 Sprite

3.4.5 DOMElement

3.5 Tween函数包

3.5.1 CSSPlugin

3.5.2 Ease

3.5.3 MotionGuidePlugin

3.5.4 Tween

案例实战篇

第4章 简单效果案例

4.1 帧动画效果

4.2 跳舞蝴蝶效果

4.3 颜色拼图游戏

4.4 图像处理效果

4.5 处理跑跳效果

4.6 实现炫酷效果

第5章 HTML5小型游戏

5.1 围住神经猫游戏

5.1.1 介绍围住神经猫游戏的玩法

5.1.2 使用CreateJS围住神经猫

5.1.3 绘制围住神经猫游戏页面元素

5.1.4 添加围住神经猫游戏监听事件

5.1.5 使用简单的逻辑实现围住神经猫游戏效果

5.1.6 实现围住神经猫游戏完整效果

5.2 看你有多色游戏

5.2.1 介绍看你有多色游戏

5.2.2 使用CreateJS开发看你有多色

5.2.3 制作看你有多色游戏

第6章 HTML5大型游戏——太空英雄大战

6.1 游戏简介

6.2 准备项目

6.2.1 设置HTML文件

6.2.2 Sprite Sheet文件

6.2.3 资源管理

6.2.4 创建应用类

6.3 创建Sprites

6.3.1 创建英雄飞船

6.3.2 创建敌方飞船

6.3.3 创建子弹和爆炸效果

6.4 创建参谋中心（HUD）

6.4.1 创建HUD Sprite框架

6.4.2 创建HUD效果图

6.4.3 创建分数板

6.4.4 创建生命箱

6.5 创建对象池

6.6 创建场景

6.6.1 创建游戏菜单场景

6.6.2 创建游戏场景

6.6.3 创建游戏结束场景

6.7 创建游戏

6.7.1 设置游戏参数

6.7.2 初始化游戏

6.7.3 创建游戏Sprites

6.7.4 设计游戏控制

6.7.5 创建游戏循环

6.7.6 设置游戏更新功能

6.7.7 创建渲染函数

6.7.8 创建场景响应函数

6.7.9 检测碰撞效果

6.7.10 创建检测函数

学习结果测评