三个JS游戏效果

时间:2018-02-06 11:27:59

标签: javascript three.js particle-system particles

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

我失踪并且努力寻找任何信息的一件事就是我所说的#34;游戏效果" (我正在谈论射弹,箭,火球,爆炸,光环......): 像这样:https://www.youtube.com/watch?v=1C6JW1QRLsk

所以我有两个问题:

  • 究竟是什么叫做? VFX?游戏效果?着色器?我想如果我使用虚幻引擎,这会被称为粒子系统吗?

  • 有没有办法在Three.js中执行此操作?我不需要代码答案,但只是提示我如何做到这一点。我已经为Three.js尝试了一些粒子引擎,但没有这样的结果......我开始认为这可能是不可能的

(如果我犯了任何语法错误,我很抱歉,英语不是我的母语)

编辑:

似乎我未能准确显示我想要的内容,所以我在下面用两个简短的GIF添加更多解释

https://puu.sh/zjThg/fb36369e00.gif

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

  1. 两个冰球旋转的投射动画
  2. 将冰块和雾添加到目标
  3. 的法术效果
  4. 带水圈的第二个投射动画
  5. 产生水"气缸的第二个法术效果"到目标
  6. https://puu.sh/zjTJF/73c04f4672.gif

    这是一个弓技能的投射动画,你可以看到很多事情正在发生,我绝对不知道如何在代码方面做到这一点,因为我是3D开发的新手......

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

2 个答案:

答案 0 :(得分:0)

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

您可能需要查看此网站,以便在着色器上找到灵感和代码示例,这里有许多疯狂的东西:https://www.shadertoy.com

寻找“爆炸”,“发光”,“光环”......祝你好运!

答案 1 :(得分:0)

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