难得的假期~可不能浪费了。于是DreamFairy决定花2个小时做了这么一个 石头剪子布 的游戏。
之前看了Microsoft 为了宣传IE10 和 HTML5 技术的 游戏 Cut the Rope 。觉得效率不错的说。 貌似IE9已经是硬件加速渲染Canvas了。
于是DreamFairy暗下决心，加紧时间把HTML5入门了先。
下面是演示：

[使用你的鼠标在点击底部3种类型来出手，赢了+1分，输了-1分，平局不加分]

之后是源码
主文件 Main.htm
[cc lang=”javascript” nowrap=”false”]

🙁 抱歉~
貌似您的浏览器不支持Html5的 canvas 标签，请试试更换浏览器FireFox,IE9,Chrome

Score:

🙁 抱歉~
貌似您的浏览器不支持Html5的 audio 标签，请试试更换浏览器FireFox,IE9,Chrome

[/cc]

使用到的CSS样式
Style.css
[cc lang="css" nowrap="false"]
form{
color:red;
font-family:Georgia, "Times New Roman",Times,serif;
font-size:16px;
}

input{
text-align:right;
font:inherit;
color:inherit;
}

body{
background-color:#bbb;
}

#canvas{
background-color:#fff;
}
[/cc]

BTW:之前看了cut the rope 团队谈到的PxLoader 貌似不错的样子，但是本地测试一直失败，试着连接网络上的资源看看效果吧~ 🙂