Play With This God Of War-Inspired Dissolve Effect Made With GLSL In Your Browser

CSE student Jatin Chopra, who has been diving into Three.js and GLSL and exploring shaders and particles for the past few weeks, has applied his knowledge to this project. Using Perlin noise, custom shaders, and a particle system, he created a dissolve effect reminiscent of the one used for slaying enemies in God of War.

Jatin shared that he wrote a shader to modify the original material using Perlin noise to achieve the dissolve effect, then created a particle system to emit particles from the edges of the dissolving mesh and applied a selective Unreal Engine 5's Bloom post-processing effect to enhance the visual impact. For a more detailed look at the process, you can check out the code on GitHub.

Experiment with the shader's settings directly in your browser by clicking this link and have a look at the developer's previous Three.js project and a 2D raycasting renderer that generates a pseudo-3D perspective:

Follow him on X/Twitter for more and join our 80 Level Talent platform and our new Discord server, follow us on Instagram, Twitter, LinkedIn, Telegram, TikTok, and Threads, where we share breakdowns, the latest news, awesome artworks, and more.