软件开发的优势在于：在合理的范围内让任何您能想象到的事物在屏幕上变成现实。不像其他领域受一些物理条件的束缚，软件开发人长期以来一直使用图形化 API 和 UI 工具包来实现富有创造性和引人注目的应用程序。最富有创造性的软件开发大概是游戏编程；比起让游戏景愿变成现实，优秀的创意就可使您通过少许努力便可获得更多的收益。
平台">视频游戏（Platformvideo games）
Donkey Kong、Mario Bros.、Sonic the Hedgehog 和 Braid 是众所周知的畅销游戏，它们都是平台游戏。平台游戏曾一度占据视频游戏销售的三分之一。今天，它们的市场份额大幅下降，但仍有许多成功的平台游戏。
然而，有益的并不意味着容易的；事实上，恰恰相反。实现游戏（特别是视频游戏）需要对编程有着非凡的理解，能够很好地把握抓图和动画，还需要掌握大量数学知识、艺术和创造力的结合使用。而这仅仅只是一个开头，成功的游戏开发人员需要花费大量时间来雕琢其游戏，改良游戏玩法和图像，除此之外，还要实现很多与游戏玩法无关的方面，比如记分牌、指令、生命和级别之间的动画以及残局序列 (endgame sequences)。
本系列旨在向您显示如何实现一个 HTML5 视频游戏，这样您就可以开始创建自己的游戏了。
游戏：Snail Bait
在本系列中，我首先会向您展示如何使用 HTML5 Canvas API 实现一个平台视频游戏。该游戏是 Snail Bait，如图 1 所示。确保您的浏览器中有 Canvas 硬件加速器（最近刚刚在大多数浏览器上实现，包括 Chrome V18 以上的版本）；否则，Snail Bait 性能会大幅降低。
图 1. Chorme 上运行的 Snail Bait
Snail Bait 是一款经典的平台游戏，游戏的主人公，我通常将其简称为跑步小人，在水平移动的浮动平台奔跑跳跃。跑步小人的最终目标是到达一个有规律地跳动的平台，并在该级别结束时获得一枚黄金纽扣。图 1 中显示了跑步小人、有规律地跳动的平台和黄金纽扣。
玩家使用键盘控制跑步小人：d 向左移动，k 向右移动，j 或 f 跳起，p 暂停游戏。
游戏开始时，您有 3 条生命。游戏画布左上方会显示代表剩余生命数的跑步小人图标，正如您在 图 1 中所看到的那样。在跑步小人达到该级别终点的过程中，她必须避开一些坏家伙（蜜蜂、蝙蝠和蜗牛），同时试着抓住贵重物品，比如硬币、红宝石和蓝宝石。如果跑步小人碰到坏家伙，就会流血并失去一条生命，并且您必须回到该级别的起点。当跑步小人碰到 “好人” 时，您的积分将会增加，并会听到一个令人愉悦的声音。
Snail Bait 中使用的 HTML5 技术Canvas (2D API) ：
基于脚本的动画的定时控制
Audio
CSS3（转换和媒体查询）