HTML5石头剪刀布手机小游戏

HTML5 写的石头剪刀布小游戏，玩法简单，交互做得还挺顺手的。逻辑全靠 JavaScript 撑着，比如判断输赢就用的是一套if...else语句，比较直白，改起来也方便。

游戏的核心交互写得还不错，用到了addEventListener监听点击或触摸操作，响应也快。想加个动画或者换个手势图标都挺容易，结构比较清晰。

Canvas负责手势图形的绘制，像“剪刀”“石头”“布”的图案，都是动态画出来的。用到了drawImage、fillText这种常见 API，适合入门练手。

CSS3那块也花了些小心思，UI 还蛮简洁的，适配手机屏幕用的是@media查询。想拓展成横屏小游戏也不难，加几个样式就能搞定。

另外有意思的是，它还用上了localStorage保存分数，断电关页面也能记住战绩。蛮适合做那种“挑战模式”的原型开发。

如果你想快速做一个浏览器小游戏的 demo，或者练练手势图形绘制和简单交互逻辑，蛮推荐这个源码的。