三种JS游戏效果

问题描述 投票:0回答:3

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

我错过并努力寻找任何信息的一件事是我所说的“游戏效果”(我说的是射弹、箭头、火球、爆炸、光环......): 像这样:https://www.youtube.com/watch?v=1C6JW1QRLsk

所以我有两个问题:

  • 这到底叫什么?视觉特效?游戏效果?着色器?我想如果我使用虚幻引擎,这将被称为粒子系统,对吗?

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

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


编辑:

看来我没能准确地展示我想要的内容,所以我用下面的两个简短的 gif 添加更多解释

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

这个有 2 个咒语和 4 个效果。

  1. 两个冰球旋转的施法动画
  2. 给目标添加冰块和雾气的法术效果
  3. 第二个带有水环的施法动画
  4. 第二个法术效果,向目标产生一个水“圆柱体”

https://puu.sh/zjTJF/73c04f4672.gif

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

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

javascript three.js particle-system particles
3个回答
1
投票

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


0
投票

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

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

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


0
投票

你可以尝试https://github.com/Alchemist0823/ Three.quarks。这是一个为游戏效果/VFX 制作的库。它处理所有粒子相互作用计算。它还有一个市场 https://quarks.art/store 可以根据需要下载任何粒子系统/VFX,还有一个编辑器可以自己制作它们。

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.