jQuery 使用 CSS Sprite 控制交互 "game"

Question

嘿，我想知道是否可以通过单击图像的一部分时发生一些小型迷你游戏来使页面上的标题 ( http://marioplanet.com/images/logo/logo.png ) 具有交互性。

它会让马里奥，只有马里奥，位于文本之上，使其余 Angular 色在“迷你游戏”开始时消失。

然后，最终用户将能够使用左右箭头键左右移动马里奥，并使用空格键让他跳跃。

这就是我对于初学者的要求，当我发展我的 jQuery 技能时，获得更高级的发布“迷你游戏”的小“更新”。

我只是想知道这是否可行以及我预计会在这样的元素上花费多少时间。

任何有关如何最好地前进的建议或信息都很棒!另外，如果仅使用 jQuery 和 CSS 很难做到这一点，我希望得到建议! :)

Answer 1

查看gameQuery ，一个 jQuery 插件。