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

《软件工程师-用html5打造斯诺克桌球俱乐部设计案例》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、星期八职场经验网（http://www.xingqiba.com） 【现成经验助你快速完成工作】用HTML5打造斯诺克桌球俱乐部设计案例本文介绍了如何利用HTML5技术来打造一款非常酷的斯诺克桌球游戏，文章中详细地列出了开发的全过程，并解说了实现这个游戏的几个关键点。在文章末尾我向大家提供了游戏的在线实例页面和源码下载链接，如果你只是想玩玩(需要使用支持HTML5的浏览器，建议使用Chrome12,InternetExplorer9或者FireFox5及其以上版本)，那你可以跳过正文拉到页面最底端去玩玩那个游戏或者下载源码，但我建议你

2、好好看看实现过程，对我们学习HTML5非常有帮助。毫无疑问，我们已经目睹了HTML5背后的那场伟大的Web开发革命。经过那么多年HTML4的统治，一场全新的运动即将完全改变现在的Web世界。正是他释放出来的现代化气息和丰富的用户体验，让它很快地成为了一个独特的插件运行在类似Flash和Silverlight的框架之上。如果你是一个非常年轻的开发者，也许你是刚刚在开始学习HTML5，所以可能你并没有注意到他有太大的变化。在任何时候，我希望这篇文章能够帮助到你，当然，也希望像我一样的老手能从中学到一些新的花样。你的点评对我来说非常重要，所以

3、我很期待你的来信。当然能让我更兴奋的是当你在那个游戏画面上右击时暗暗地说一句“Hey，这居然不是Flash!也不是Silverlight!”系统要求想要使用本文提供的HTML5桌球应用，你必须安装下面的这些浏览器：Chrome12,InternetExplorer9orFireFox5游戏规则星期八职场经验网（http://www.xingqiba.com） 【现成经验助你快速完成工作】也许你已经知道这是一个什么样的游戏了，是的，这是“英式斯诺克”，实际上更确切的说是“简易版英式斯诺克”，因为没有实现所有的斯诺克游戏规则。你的目标是按

4、顺序将目标球灌入袋中，从而比其他选手得到更多的分数。轮到你的时候，你就要出杆了：根据提示，你必须先打进一个红色球得到1分，如果打进了，你就可以继续打其他的球-但是这次你只能打彩色球了(也就是除红色球以外的球)。如果成功打进，你将会得到各自彩球对应的分数。然后被打进的彩球会回到球桌上，你可以继续击打其他的红球。这样周而复始，直到你失败为止。当你把所有的红球都打完以后，球桌上就只剩下6个彩球了，你的目标是将这6个彩球按以下顺序依次打入袋中：黄(2分)、绿(3分)、棕(4分)、蓝(5分)、粉(6分)、黑(7分)。如果一个球不是按上面顺序打进的

5、，那它将会回到球桌上，否则，它最终会留在袋里。当所有球都打完后，游戏结束，得分最多的人胜出。犯规处理为了处罚你的犯规，其他选手将会得到你的罚分：◆白球掉入袋中罚4分◆白球第一次击中的球是错误的话罚第一个球的分值◆第一个错误的球掉入袋中罚第一个球的分值◆处罚的分数至少是4星期八职场经验网（http://www.xingqiba.com） 【现成经验助你快速完成工作】下面的这段代码展示了我是如何来计算犯规的：1.var strokenBallsCount = 0; 2.console.log('strokenBalls.length: '

6、 + strokenBalls.length); 3.    for (var i = 0; i < strokenBalls.length; i++) { 4.        var ball = strokenBalls[i]; 5.        //causing the cue ball to first hit a ball other than the ball on 6.        if (strokenBallsCount == 0) { 7.            if (ball.Points != teams

7、[playingTeamID - 1].BallOn.Points) { 8.                if (ball.Points == 1 

8、

9、 teams[playingTeamID - 1].BallOn.Points == 1 

10、

11、  9.                fallenRedCount == redCount) { 10.                    if (teams[playingTeamID - 1].BallOn.Points < 4) { 11.                    

12、    teams[playingTeamID - 1].FoulList[teams[playingTeamID - 1] 12.                        .FoulList.len