javascript - 三款JS游戏效果

标签 javascript three.js particle-system particles

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

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

所以我对此有两个问题:

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

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

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

<小时/>

编辑:

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

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

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

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

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

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

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

最佳答案

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

关于javascript - 三款JS游戏效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48641975/

相关文章:

javascript - DDSlick 'selected' 在 <select> 元素上忽略属性

javascript - 关于 php/javascript 中的日期选择器

three.js - 在 Three.js 中更改对象父级?

angular - 在 Angular2 中使用 three.js

javascript - JSON Stringify 忽略 Redis 发布上的嵌套对象

javascript - jQuery - 如何组合多个点击操作

javascript - 使用 threejs 选择、更新和操作 Obj 文件

scenekit - 在 SceneKit 场景图中制作独立的副本

scenekit - SCNParticles的性能最高图像格式?

swift - 获取对场景编辑器中创建的粒子系统的引用