KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #ai-agents #developer-tools #typescript #codex #claude-code #mcp #rust #deepseek-harness #ai-agent #cli

Dissolve-Effect

★ 68 Open GitHub ↗

Created Dissolve effect I saw in a game using GLSL & Three.js.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Dissolve Effect
Created this Dissolve effect I saw in a game using perlin noise, custom shaders and a particle system.

I've been learning GLSL and studying about shaders and particles for past few weeks now, was finally able to use it in this project.

**Run** : https://dissolve-particles.vercel.app/ <br>
View related post on [Twitter](https://x.com/0xJatinChopra/status/1884290238840988005) , [LinkedIn](https://www.linkedin.com/feed/update/urn:li:activity:7290130873146818561/)

## How it works
- wrote a shader to modify the original material using perlin noise to get the dissolve effect
- made a particle system to emit particles from edges of dissolving mesh
- applied selective unreal bloom post-processing effect

## Screenshots 
![image](https://github.com/user-attachments/assets/4b442ac5-b21d-46f8-a84f-ff9c9ca1facb)
![dissolve2](https://github.com/user-attachments/assets/202bcfbb-5fe9-4a2d-bc3b-8aeb1a269d1a)
![dissolve3](https://github.com/user-attachments/assets/0404bae1-5b43-4f56-ad5e-6fdcdefdc572)

## Resources
[SimonDev Writing a Particle System](https://www.youtube.com/watch?v=OFqENgtqRAY)<br>
[Bruno Simon's ThreeJs Journey Course](https://threejs-journey.com/)

Dissolve-Effect

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README