赠书：HTML5 Canvas 2d 编程必读的两本经典

这两年多一直在和HTML5 Canvas 打交道，也带领团队开发了世界首款基于HTML5 Canvas 的演示文档工具---AxeSlide（斧子演示，www.axeslide.com)。在这个领域也积累了一些经验，希望有机会和大家分享。今天是要给大家推荐两本这方面的书，同时会送一本书给大家。

要介绍的第一本书是我学习Canvas开发的入门书——《HTML5 Canvas核心技术：图形、动画与游戏开发》。此书作者David Geary，中文版译者为爱飞翔，由机械工业出版社出版。

我相信这本书，不仅是我个人，很多学习Html5 Canvas开发的同学都是把它当做案头必备。这本书是HTML5 Canvas领域的标杆之作，也是迄今为止该领域内容最为全面和深入的著作之一，是公认的经典、五星级畅销书、资深技术专家David Geary力作。它不仅全面讲解了canvas元素的API，以及如何利用Canvas进行图形绘制、动画制作、物理效果模拟、碰撞检测、游戏开发、移动应用开发，还包含大量实例，可操作性极强。我们在开发斧子演示的时候，从基本的绘图，图片，视频，音频处理，到动画、文本处理，所有核心开发内容都能从这本书中获取知识和灵感。

《HTML5 Canvas核心技术：图形、动画与游戏开发》共分11章。第1章介绍了canvas元素及如何在网络应用程序中使用它；第2章深入研究了如何使用Canvas的API进行绘制；第3章告诉读者如何绘制并操作Canvas中的文本；第4章专门讲解图像、图像的操作及视频处理；第5章介绍如何实现平滑的动画效果；第6章讲解如何用JavaScript语言来实现精灵；第7章展示了如何在动画中模拟物理效果；第8章介绍了进行碰撞检测所用的技术；第9章以一个简单但是高效的游戏引擎开始，提供了游戏制作所需的全部支持功能；第10章讨论了实现自定义控件的通用方法；第11章专门讲述如何实现基于Canvas的手机应用程序。

上面的书已经成为经典，接下来的这本，即将成为经典。同样是大牛David Geary的力作——《HTML5 2D游戏编程核心技术》。

此书由机械工业出版社出版，目前你在网上和实体书店还买不到这本书，不过我已经提前拿到了，并且仔细阅读了几天。

相对于上一本书，此书可作为Html5 Canvas编程的进阶书来读，同时可以作为HTML5游戏编程的入门宝典来长期翻阅。

大师与普通人的区别，不仅仅在于能力的高低，更重要的是能把知识讲明白，真正做到传道、授业、解惑。这本书做到了。

本书是为希望使用HTML5进行2D游戏开发，且具备一定JavaScript编程经验的开发人员而准备的。在本书中，笔者从零开始完整讲解了一个复杂的横向卷轴平台视频游戏的开发过程，并将该视频游戏命名为“Snail Bait”。在开发过程中，笔者没有使用任何第三方图形框架或游戏框架，因此读者将从本书中学会以编程方式实现平滑动画、sprite爆炸、开发人员后门程序、游戏难易度设计等所有内容。如果读者正在使用某个游戏框架开发游戏，那么本书对于帮助读者理解游戏框架内部的工作原理也同样大有裨益。

　出于教学目的，Snail Bait游戏仅实现了一个关卡，然而它却具备了街机风格游戏的全部特点。Snail Bait游戏在滚动的背景上同时操作多个动画对象，即sprite对象，在播放游戏背景音乐的同时添加多种音频效果。sprite对象具备多种行为，包括但不限于跑动、跳跃、飞行、闪光、弹跳、来回移动、爆炸、碰撞、平台着陆、从游戏画面底部跌落等。

另外，Snail Bait游戏还实现了多个特色功能。例如，一个可以减慢或加快游戏整体速度的时间系统；游戏加载过程动画；当游戏主角失去生命时，震动游戏画面的特殊效果；模拟烟雾和燃烧的粒子系统等。当游戏窗口失去焦点时，Snail Bait游戏会暂停运行，而当游戏窗口重新获得焦点时，Snail Bait游戏会以一个倒计时动画作为开始，以便玩家有时间来恢复对游戏的控制。

虽然没有使用游戏框架或图形框架，但是Snail Bait游戏使用Node.js和socket.io技术实现了将游戏中的一些指标数据发送到服务器端、高分存储和检索，并在游戏窗口顶部显示高分榜等功能。当游戏运行缓慢时，Snail Bait游戏还将显示警告信息。而当按下“Ctrl+D”组合键启动游戏时，Snail Bait游戏将启动开发人员后门程序，从而赋予操作人员特殊权限，例如修改时间轴的流动，或者显示sprite对象碰撞检测矩形以及其他功能等。

当Snail Bait游戏检测到自己运行在移动设备上时，将通过调用触摸事件处理句柄、调整游戏窗口大小来重新配置自身，以便适应移动设备的屏幕大小及控制方式。

游戏编程一直以来是我练习编程技能的最佳训练方法。因为哪怕一个小小的游戏，你也要考虑程序的架构，考虑分层和解耦，考虑消息传递，考虑绘图，考虑动画，考虑网络，考虑性能，考虑交互，多媒体处理，多线程等等。游戏编程，往往需要我们在某一方面做到极致，对编程者的磨练是相当大的。从一个小游戏的编写中，我们能系统学习很多知识和技巧。

以上是我极力推荐此书的原因，此书不难，只要你用心，都能看懂，而且作者还配备了视频教程。更主要的原因是作者写的足够好！

两本经典，各一本送给大家，每人只能得其中一本。参与方式如下：

0. 微信扫描关注玄魂工作室（xuanhun521）

1.如果你可以写出HTML5 Canvas 相关的优秀文章，请在微信订阅号本文下面留言投稿给我。如果你的稿件被采纳,我会立即送书一本。

2.随机打赏，并在此文章下留言。我会随机抽取幸运者。

机械工业出版社华章图书在赠书给玄魂工作室的读者之外，还给了我全网最低价的购书优惠，大家通过我可以以 75折+5元邮费的方式买到这两本书。如果你想购买，直接文章下留言就好。这是我个人独享的优惠，没有任何中间利润，如果你有更便宜的方式买，也请推荐给我，但不要说三道四，无中生有。

两本书的定价均为人民币99元。