Design low-poly particle effects for Three.js games. Export JSON configs and use the drop-in runtime.
Drop-in particle renderer for any Three.js project.
// 1. Include Three.js and the runtime
<script src="three.min.js"></script>
<script src="lowpoly-particles.js"></script>
// 2. Create instance with your scene
var particles = new LowpolyParticles(scene);
// 3. Load and spawn an effect
fetch('my-effect.json')
.then(r => r.json())
.then(config => {
particles.spawn(config);
});
// 4. Update in your render loop
function animate() {
var delta = clock.getDelta();
particles.update(delta);
renderer.render(scene, camera);
requestAnimationFrame(animate);
}
Download the full editor source to host on your own site or integrate into your toolchain.