我想在JQuery中为浏览器游戏创建一个非常简单的战斗系统。我的想法是，我拥有战斗统计信息（我已经拥有了），并且我想以一种很好的图形方式将其表示给用户。
如果您玩过游戏中的动摇和烦躁，您已经可以明白我的要求了。如果不是，则认为两个政党正在战斗，将两个图像可视化。第一方发起攻击，第二方发起攻击，然后第一方再次发起攻击，依此类推。
理想情况下，每次当事方发动攻击时，我都应证明已造成的伤害（大概就像在与该方有关的图像上方闪烁伤害一样）。然后，健康状况计下降（我实际上有那个指示条，所以这不是问题）。
我的主要问题是，如何像战斗的故事一样展开战斗。应该有点像计时器吗？然后，我如何以一种不错的方式实际显示闪烁的值？
任何有关该主题的相关教程或资源将不胜感激:)
注意，我在寻找代码帮助，示例更好，这将帮助我进行实际编码。
最佳答案
好像您在说的是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之类的东西。就是说，要构建足够强大和高性能的产品需要花费一些时间。
关于javascript - JQuery中的战斗系统，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/6260024/