I'm in the process of creating a multiplayer web game using Three JS. So far, I have successfully implemented the game logic on both client and server sides, mesh imports, animations, skill bars, health bars, and the ability for players to engage in combat. (Think of a game similar to an MMORPG)
However, one aspect that I am struggling with is what I refer to as "game effects" (such as projectiles, arrows, fireballs, explosions, auras, etc.): For example: https://www.youtube.com/watch?v=1C6JW1QRLsk
Therefore, I have two questions regarding this matter:
What is the correct terminology for these effects? Are they referred to as VFX, game effects, shaders? If I were using the Unreal Engine, would this be called a Particle System?
Is it possible to achieve these effects in Three.js? I don't necessarily need the code, but some guidance on how I could go about implementing them. I have tried using particle engines for Three.js, but have not achieved results similar to the example shown... I am beginning to wonder if this is even feasible.
(I apologize for any grammar mistakes, as English is not my native language)
EDIT:
It appears that I have not adequately demonstrated what I am looking for, so I will provide further explanation with two short gifs below
This gif features two spells with four distinct effects:
- The casting animation with two icy orbs spinning
- The spell effect that adds ice blocks and mist to the target
- The second casting animation with a ring of water
- The second spell effect that spawns a water "cylinder" at the target
Additionally, this gif shows the casting animation of a bow skill, with various elements in motion. As a newcomer to 3D development, I am unsure of how to achieve this through coding...
I hope that these two examples clarify my initial question.