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

标签 jquery css sprite css-sprites

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

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

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

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

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

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

最佳答案

查看gameQuery ,一个 jQuery 插件。

关于jQuery 使用 CSS Sprite 控制交互 "game",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3428161/

相关文章:

javascript - JQuery - 禁用表单,除非值不为 NULL?

javascript - 如何获取输入数组元素jquery的所有值

javascript - 使用 jQuery 的 DOM 元素的非深拷贝

html - CSS 内容 :url is not working in internet explorer 11

jQuery 点击添加类

python - Pyglet 行走动画。错误: 'NoneType' object has no attribute 'draw'

javascript - 动画发生时将图像保持在其位置

javascript - 裁剪掉图像中的所有白色

python - 在 Pygame 中每隔几秒移动一个对象

javascript - Chrome 使用 Pixi.js 加载 Sprite