软件工程师-用HTML5打造斯诺克桌球俱乐部设计案例

用 HTML5 打造斯诺克桌球俱乐部设计案例本文介绍了如何利用 HTML5 技术来打造一款非常酷的斯诺克桌球游戏，文章中详细地列出了开发的全过程，并解说了实现这个游戏的几个关键点。在文章末尾我向大家提供了游戏的在线实例页面和源码下载链接，假如你只是想玩玩(需要使用支持 HTML5 的浏览器，建议使用 Chrome 12, Internet Explorer 9 或者 Fire Fox 5 及其以上版本)，那你可以跳过正文拉到页面最底端去玩玩那个游戏或者下载源码，但我建议你好好看看实现过程，对我们学习 HTML5 非常有帮助。 毫无疑问，我们已经目睹了 HTML5 背后的那场伟大的 Web 开发革命。经过那么多年 HTML4 的统治，一场全新的运动即将完全改变现在的 Web 世界。正是他释放出来的现代化气息和丰富的用户体验，让它很快地成为了一个独特的插件运行在类似 Flash 和 Silverlight 的框架之上。假如你是一个非常年轻的开发者，也许你是刚刚在开始学习 HTML5，所以可能你并没有注意到他有太大的变化。在任何时候，我希望这篇文章能够帮助到你，当然，也希望像我一样的老手能从中学到一些新的花样。你的点评对我来说非常重要，所以我很期待你的来信。当然能让我更兴奋的是当你在那个游戏画面上右击时暗暗地说一句“Hey，这居然不是 Flash!也不是 Silverlight!”系统要求想要使用本文提供的 HTML5 桌球应用，你必须安装下面的这些浏览器：Chrome 12, Internet Explorer 9 or Fire Fox 5游戏规则也许你已经知道这是一个什么样的游戏了，是的，这是“英式斯诺克”，实际上更确切的说是“简易版英式斯诺克”，因为没有实现所有的斯诺克游戏规则。你的目标是按顺序将目标球灌入袋中，从而比其他选手得到更多的分数。轮到你的时候，你就要出杆了：根据提示，你必须先打进一个红色球得到 1 分，假如打进了，你就可以继续打其他的球 - 但是这次你只能打彩色球了(也就是除红色球以外的球)。假如成功打进，你将会得到各自彩球对应的分数。然后被打进的彩球会回到球桌上，你可以继续击打其他的红球。这样周而复始，直到你失败为止。当你把所有的红球都打完以后，球桌上就只剩下 6 个彩球了，你的目标是将这 6 个彩球按以下顺序依次打入袋中：黄(2 分)、绿(3 分)、棕(4 分)、蓝(5 分)、粉(6 分)、黑(7 分)。假如一个球不是按上面顺序打进的，那它将会回到球桌上，否则，它最终会留在袋里。当所有球都打完后，游戏结束，得分最多的人胜...