Interactive Real-Time Text-to-Particles

A web JS application that transforms any text into animated particles in real time.
All typography and particle physics parameters are fully configurable via a UI.

---

Features

• Real-time text-to-particles rendering
• Interactive controls for text, particles and cursor
• Responsive UI (desktop and mobile)
• Modern, accessible interface

---

Demo

Open https://mariollet.github.io/Interactive-Real-Time-Text-to-Particles/ in your browser.

---

Installation

git clone https://github.com/Mariollet/interactive_particles_typography.git
cd interactive_particles_typography

Open index.html directly in your browser.

Optional: run a local server (for some browser font loading support):

php -S localhost:8000

Then open http://localhost:8000.

---

Project Structure

/
├── assets/
│   ├── css/
│   │   └── index.css        # Custom styles
│   └── js/
│       ├── menu.js          # UI menu logic
│       ├── init.js          # UI default values
│       └── particles.js     # Particle system and animation
├── index.html               # Main HTML file
└── README.md

---

Dependencies

• Bootstrap (UI)
• Google Fonts (typography)
• Stats.js (performance panel)

---

License

MIT License.
See LICENSE.

---

Enjoy experimenting with Interactive Real-Time Text-to-Particles!