JQuery中的战斗系统

Question

我想在JQuery中为浏览器游戏创建一个非常简单的战斗系统。我的想法是我有战斗统计数据（我已经有了），我希望以一种漂亮的图形方式将它们呈现给用户。

如果你玩过游戏摇晃和烦躁，你已经可以看到我在问什么了。如果没有，请认为两方正在战斗，可视化两个图像。第一方攻击，然后第二方攻击，然后第一方再攻击等等。

理想情况下，每次一方攻击时，我都应该显示已经完成的伤害（可能就像在与该方相关联的图像上方闪现伤害一样）。然后健康指标下降（我实际上有那个酒吧，所以这不是问题）。

我的主要问题是如何以一种看起来像战斗的故事解开的方式来做到这一点。它有点像计时器吗？然后，我如何以一种不错的方式实际呈现闪烁值？

非常感谢有关该主题的任何相关教程或资源：）

请注意，我正在寻找代码帮助，样本甚至更好，这将有助于我实际编码。

Answer 1

好像你在谈论像FF7这样的东西，交替进攻/防守。

接口

---

您可能需要记录WoW / Rift型MMORPG：

• 动画：数字命中/防御点以完全不透明度出现，然后向下滚动并在2秒钟的时间内淡出（作为一个流体动画）
• 一种颜色的攻击，另一种颜色的防御
• 具有统计意义（稀有/良好命中）的东西以较大的字体显示，可能还有不同的颜色
• 位于视觉/角色附近，靠近屏幕中心或角色
上方

编程语言

---

虽然它是可行的，但是那些动画很多的东西在JavaScript中可能会非常麻烦（不是代码，而是处理）。因为你想要流畅性，像Flash / Java这样的东西可能是最好的Web界面。但是，如果你想用纯JavaScript做，jQuery / jQueryUI有很多事件/缓动。

快速示例

---

为了说明我的观点，这里是jFiddle（和updated jsFiddle）。

注意：这仅表示使用顶部定位使用不透明度和动画逐渐淡出，摆弄topStop，speed和计时器持续时间将帮助您满足您的需求具体需求。

修改

---

这个答案是旧的（2011年）现在是2015年。随着HTML5 Canvas，WebGL和ASM-JS等技术的出现和进步，您可以在浏览器中进行更强大的游戏创建/管理。例如，看看EPIC游戏正在做什么。不再需要依赖Java，Flash或Silverlight之类的东西。也就是说，构建任何强大且高性能的东西需要一些时间。