HTML5 移动游戏开发高级编程

第Ⅰ部分HTML5潜力初探

第1章先飞后走，先难后易

1．1引言

1．2用500行代码构建一个完整游戏

1．2．1了解游戏

1．2．2结构化游戏

1．2．3最终实现的游戏

1．3添加HTML和CSS样板代码

1．4画布入门

1．4．1访问上下文

1．4．2在画布上绘制

1．4．3绘制图像

1．5创建游戏的结构

1．5．1构建面向对象的JavaScript

1．5．2利用鸭子类型

1．5．3创建三个基本对象

1．6加载精灵表

1．7创建Game对象

1．7．1实现Game对象

1．7．2重构游戏代码

1．8添加滚动背景

1．9插入标题画面

1．10添加主角

1．10．1创建PlayerShip对象

1．10．2处理用户输入

1．儿小结

第2章从玩具到游戏

2．1引言

2．2创建GameBoard对象

2．2．1了解GameBoard对象

2．2．2添加和删除对象

2．2．3遍历对象列表

2．2．4定义面板的方法

2．2．5处理碰撞

2．2．6将GameBoard添加到游戏中

2．3发射导弹

2．3．1添加炮弹精灵

2．3．2连接导弹和玩家

2．4添加敌方飞船

2．4．1计算敌方飞船的移动

2．4．2构造Enemy对象

2．4．3移动和绘制Enemy对象

2．4．4将敌方飞船添加到面板上

2．5重构精灵类

2．5．1创建一个通用的Sprite类

2．5．2重构PlayShip

2．5．3重构PlayerMissile

2．5．4重构Enemy

2．6处理碰撞-

2．6．1添加对象类型4l

2．6．2让导弹和敌方飞船碰撞

2．6．3让敌方飞船和玩家碰撞

2．6．4制造爆炸

2．7描述关卡

2．7．1设置敌方飞船

2．7．2设置关卡数据

2．7．3加载和结束一关游戏

2．7．4实现Level对象

2．8小结

……

第Ⅱ部分移动HTML5

第Ⅲ部分JavaScript游戏开发基础

第Ⅳ部分使用CSS3和SVG构建游戏

第Ⅴ部分HTML5画布

第Ⅵ部分多人游戏

第Ⅶ部分移动增强

第Ⅷ部分游戏引擎和应用商店

附录A资源

HTML5移动游戏开发目前还是一项新技术，人们还不知道该如何看待这一技术，这很像是2008年时的智能手机游戏，苹果公司的应用商店(AppStore)就是在这一年推出的。不过，一些重量级的组织已经加入进来，力保HTML5游戏取得成功。其中Facebook在2012年5月推出了它的应用中心(AppCenter)，把基于HTML5的Web应用变成了移动设备上的一等公民，它正在研究一些移动设备上的货币化手段，以求不再受制于苹果公司这种从其应用商店的应用内购买中抽取30％手续费的做法。类似地，诸如AT＆T一类的运营商也把Web应用看成一种从Google和苹果公司那里夺回失去收入的一种手段。HTML5移动游戏开发目前还是一项新技术，人们还不知道该如何看待这一技术，这很像是2008年时的智能手机游戏，苹果公司的应用商店(AppStore)就是在这一年推出的。不过，一些重量级的组织已经加入进来，力保HTML5游戏取得成功。其中Facebook在2012年5月推出了它的应用中心(AppCenter)，把基于HTML5的Web应用变成了移动设备上的一等公民，它正在研究一些移动设备上的货币化手段，以求不再受制于苹果公司这种从其应用商店的应用内购买中抽取30％手续费的做法。类似地，诸如AT＆T一类的运营商也把Web应用看成一种从Google和苹果公司那里夺回失去收入的一种手段。