三款JS游戏效果答案

【问题标题】：Three JS game effect三款JS游戏效果
【发布时间】：2018-02-06 11:27:58
【问题描述】：

我正在使用三个 JS 开发一个多人网络游戏。到目前为止，我已经制作了游戏逻辑（客户端和服务器端）、网格导入、动画、技能栏、健康栏......玩家可以实际战斗。（想想mmorpg风格的游戏）

我想念并努力寻找任何信息的一件事就是我所说的“游戏效果”（我说的是弹丸、箭、火球、爆炸、光环......）：像这样：https://www.youtube.com/watch?v=1C6JW1QRLsk

所以我对此有两个问题：

这到底叫什么？视觉特效？游戏效果？着色器？我想如果我使用虚幻引擎，这将被称为粒子系统吧？
有没有办法在 Three.js 中做到这一点？我不需要代码答案，而只是提示我如何做到这一点。我已经为 Three.js 尝试了一些粒子引擎，但没有这样的结果......我开始认为这可能是不可能的

（如果我犯了任何语法错误，我深表歉意，英语不是我的母语）

编辑：

似乎我没有准确地展示我想要的东西，所以我用下面两个简短的 gif 来添加更多解释

这个有2个法术和4个效果。

这是弓技能的施法动画，你可以看到很多事情发生了，我完全不知道如何通过代码来制作它，因为我是 3D 开发的新手......

我希望这两个例子能让我最初的问题更清楚。

【问题讨论】：

【解决方案1】：

您应该在以下位置查看基于 Three.js 的粒子效果引擎： http://squarefeet.github.io/ShaderParticleEngine/

【讨论】：

【解决方案2】：

没有什么是“不可能的”，这只是您之间有多少时间和精力的问题......您的问题没有简单/直接的答案，并且总是有多种方法可以完成任务。我认为你应该首先从玩着色器开始，它们提供了一种强大的方式来创造壮观的效果，但很难掌握。

你可能想看看这个网站来寻找关于着色器的灵感和代码示例，那里有很多疯狂的东西：https://www.shadertoy.com

寻找“爆炸”、“发光”、“光环”……祝你好运！

【讨论】：

对于某些示例，您需要一个强大的 GPU :) 这就是为什么该网站的名称中有“玩具”的原因。
感谢链接，我会在家里试试看是否适合我的需要，我的工作电脑无法处理。
这个网站上有很酷的东西！但我认为这对于我正在尝试做的事情可能有点矫枉过正，我用例子更新了我最初的问题。你认为它们与着色器有关吗？
好吧，着色器绝对是可以带来最佳性能的方法，因为它们是由 GPU 处理的。所以这取决于你的游戏逻辑有多重以及你需要达到什么样的 FPS，只有你可以回答这个问题并尝试不同的方法。我能想到的另一种方法是将 Three.js 3d 对象/网格添加到场景中，应用某种透明材质并使用 js 逻辑更新它们。不幸的是，我无法为您举一个具体的例子。
所以我想在三个js上实现其中一个着色器，我该怎么做呢？