HTML5 Canvas 的快速入门

一本 HTML5 Canvas 的入门书籍。我从省图书馆借得此书，一天读完并完成代码示例，阅读感流畅。书的内容简单，是面向 Canvas 新手的入门读物。

我的工作领域是 C++ 3D 客户端游戏，但是有时需要演示想法或构造原型，就选择了 Canvas 技术。之前我用 Java Applet/AWT 做原型，另外的选择有 Flash AIR、Silverlight 平台，但相比起来，浏览器标准内建的 HTML5 Canvas 更轻量和有发展前途（2012-11 已改变看法：Flash 和 Silverlight 是符合实际开发生产效率的技术和事实上的主平台，HTML5 有伪善向）。

如果有 2D 游戏开发的背景知识（如主循环、sprite 动画、bounding box/sphere 碰撞检测等），基本上是一路翻书跳着看。实际上后来我发现只要把随书示例代码走读一遍就可掌握本书重点（Apress 官网下载）。

章节重点：

Ch2. Javascript 基础：Javascript 基本语法，全书用 jQuery 代替原始 Javascript 操作 DOM。当作复习 Javascript/jQuery。

Ch3、Ch4. Canvas 操作：图形绘制、2D 变换、Alpha 混合、特效等。

Ch5. Canvas 操作图像 <img> 和 HTML5 视频 <video>。

Ch6. 动画循环：改变方向、圆周运动、反弹。

Ch7. 2D 计算物理和碰撞检测。本书在于应用而非原理（从不深入动量守恒的那节可知），好处是书薄，可忽略已会的知识，只聚焦 Canvas 的应用效果。

Ch8. 游戏示例：太空保龄球，重点是计算物理。

Ch9. 游戏示例：躲避小行星，重点是输入控制。

Ch10. Canvas 技术前景概述：Canvas IDE（Radi http://radiapp.com/、ai2canvas 插件）、Canvas 游戏和动画库（Impact http://impactjs.com/、Game Engines https://github.com/bebraw/jswiki/wiki/Game-Engines、Easel http://easeljs.com/）、WebGL（three.js https://github.com/mrdoob/three.js）、WebSocket（Rawkets http://rawkets.com/ 多人游戏）

最后两个游戏示例是本书精髓。

我现在喜欢示例性、应用性的书籍。可能是最近原理学的稍多，而实作跟不上相应程度的原因，这是一种心理补偿。总之，原理和应用两方面应该合拍。