jQuery使用CSS sprites控制交互式“游戏”

Question

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

马里奥，只有马里奥，在文本的顶部，使其余的角色在“迷你游戏”开始时消失。

然后，最终用户可以使用左右箭头键向左和向右移动Mario，并使用空格键让他跳跃。

这就是我对初学者的看法，当我开发jQuery技能时，会更加高级地向“迷你游戏”发布一些“更新”。

我只是想知道这是否可行以及我希望花多少时间在这样的项目上。

任何有关如何向前发展的建议或信息都会很棒！另外，如果这只是jQuery和CSS的难点，我想建议！ ：）

Answer 1

查看gameQuery，一个jQuery插件。

Answer 2

这不会太难。显然，你需要将马里奥分成与他的游戏世界不同的单独图像。然后你必须弄清楚图像的形状。使用图像映射可能最容易实现。然后捕获键盘事件，并从那里获取它。