Dissolve an MSDF Text and build a particle system that can handle textures and 3D shapes using Three.js new shader language TSL.

Article on Codrops

Demo

# Install dependencies
npm install

# Start development server
npm run dev

# Build for production
npm run build

# Preview production build locally
npm run preview

• three-msdf-text-utils by Léo Mouraire
• msdf-bmfont-xml by Shen Yiming
• Perlin Texture from Screaming Brain Studios

Thibault Introvigne: X, LinkedIn, Portfolio

Follow Codrops: X, Facebook, Instagram, LinkedIn, GitHub

MIT