01游戏设计与HTML

1.1 HTML5简介

HTML是什么

HTML的缺陷

HTML5的发展

HTML5全新体验

HTML5特质

HTML5与游戏设计

1.2 HTML5开发环境的建立

编辑工具Notepad ＋＋

安装Notepad＋＋

1.3 HTML5测试与调试

安装Firefox浏览器

安装Selenium IDE

应用Selenium IDE

1.4范例：HelloWorld

范例说明

重点技术

代码段

程序代码解析

02HTML5基础

2.1结构化元素

什么是结构化元素

结构化元素图解

实际应用

2.2内容标记方法

绘图元素

分组元素

文字层级元素

交互式元素

2.3多媒体应用

〈audio〉

〈video〉

〈source〉

〈track〉

补充说明：WebVTT格式

〈embed〉

2.4 Web应用程序

〈datalist〉

〈keygen〉

〈output〉

〈meter〉

〈progress〉

03CSS3应用

3.1 CSS基础知识

CSS是什么

CSS3闪亮登场

CSS基本语句

引用CSS

实战CSS

3.2文字与图片

文字样式

图片

盒子模式（box model）

3.3表格与窗体

表格

窗体

04CSS3网页小游戏

4.1制作游戏场景

游戏策划

HTML结构

CSS样式

4.2制作地鼠和死亡动画

地鼠布局方式

地鼠死亡动画的触发原理

动画属性Animation

CSS样式

4.3制作得分动画

得分动画制作原理

渐变属性Transition

CSS样式

4.4制作关卡时间条与游戏结束画面

关卡时间条动画原理

CSS样式

05常用的触发事件与组件

5.1鼠标单击事件监听

JavaScript提要

鼠标单击事件

5.2键盘按键事件监听

按下一个键（onKeyDown）

按住（keyPress）与放开（KeyUp）

5.3网页锚点跳转

认识URL地址格式

认识hash值

5.4浏览器检测

认识navigator

实践一下navigator

5.5 D OM控制

认识getElementById

认识eval（）语句

实现一个加减乘除计算器

5.6分辨率检测

检测屏幕数值

自动转换电脑版与移动版版面

5.7发送E-Mail——客户回复系统

使用Chrome浏览器启动mailto

使用JavaScript启动E-Mail

5.8当前时间日期

日期时间检测——计时器

日期对象Date

实现时间显示与计时器

程序的执行效率

06多媒体播放

6.1 Canvas画布基础绘图

Canvas语句的基础

画布样版

绘制图形

控制图形的变形

6.2 Canvas动画应用

函数setInterval（）

函数requestAnimationFrame（）

6.3多媒体影音播放

函数drawImage

播放器尺寸的控制

6.4范例：动画小剧场

范例画面

角色表（sprite）原理

程序剖析

07Web应用

7.1基础介绍

AJAX

JSON

7.2范例：Web服务器实际演练

建立Web服务器

AJAX传输范例

JSON实际演练

08网页数据存储

8.1 Cookie和Session

Stateless和Stateful

Cookies简介

Session简介

8.2 Web Storage

Web Storage的优势

Web Storage的种类

8.3范例：窗体切换

09学习使用jQuery

9.1 jQuery事件与函数

开始使用jQuery

认识jQuery语句

jQuery声明

jQuery选取指令

j Query函数

jQuery事件处理

9.2标签控制

属性（Attributes）和样式（CSS）控制

DOM操作

动画效果

连续使用函数

9.3开源模块的应用

认识jQuery Plugin

引用jQuery Plugin

创建jQuery Plugin

应用jQuery Plugin

9.4范例：拉霸游戏

jQuery Plugin资源

拉霸游戏

10趣味交互式个人履历网站

10.1确定履历呈现的内容单元

角色设置

场景设置

美术风格

故事脚本

系统规划

10.2建立视差滚动网站场景

初始设置

游戏内容

10.3制作角色外观与常态动画

显示环境设置

天空背景设置

角色设置

地面背景设置

标题云与文字内容

10.4制作场景对象动画事件

视差滚动

触发动画

11认识HTML5游戏引擎

11.1 gameQuery

第一次接触gameQuery

快速浏览gameQuery函数

11.2 Quintus

第一次接触Quintus

范例快速浏览

11.3 Melonjs

第一次接触Melonjs

范例快速浏览

11.4 LimeJS

第一次接触LimeJS

范例快速浏览

11.5 Cocos2D

第一次接触Cocos2D

官方范例快速浏览

12游戏制作——2D游戏地图

12.1下载与安装Tiled Map Editor

12.2 2D免费游戏场景资源介绍

OpenGameArt

Reiner's Tilesets

Game-icons.Net

其他免费资源

12.3绘制2D游戏场景与对象

绘制场景

绘制对象

12.4编辑场景对象的属性

12.5实机测试

13游戏制作——仓库番推宝箱

13.1 Quintus环境建立

13.2 2D游戏场景建设

13.3人物操控与Sheet动画

13.4 2D碰撞系统

13.5游戏关卡建立

13.6加载多媒体资源

13.7实机测试

14游戏制作——Facebook网络应用

14.1 Facebook API下载与权限申请

开发人员注册

添加应用程序

获取API

14.2 Facebook会员登录按钮

JavaScript部分

HTML部分

14.3 Facebook发帖分享

JavaScript部分

HTML部分

15HTML5游戏的上线分享

15.1 Google云端存储架设游戏网站

Google云端存储架站的限制

Google云端存储架设网站的步骤

15.2使用二维码分享网址

二维码

加入桌面