Dixie is the result of my final degree project, an online graph-oriented particle motor. Just connecting and editing the provided nodes you'll be able to create complex behaviours for the particles.
Fell the interoperability! → Use the API to import the work done to your environment. Learn more 📚
ThreeDixie → The official support for Three.js allows a cleanly and easily way to import your particles. Learn more 📚
🌠🌠🌠 ...and It's free, open-source, highly interoperable and fully customizable! 🌠🌠🌠
👁️ See the demos!! 👁️ |
🌠🌠 Create my own particle system 🌠🌠 |
|---|---|
💻 Use the API 💻 |
🐁🌲 Use ThreeDixie 🌲🐁 |
📦 Know more about the nodes 📦 |
|
All the demos are available in the editor, if you want to give it a try just click here!!
| A Fire | Sub emitters explosions |
|---|---|
 |
 |
With Dixie you're able to:
- Create particle emitters and sub emitters
- Set the origin as a point or a mesh surface
- Modify the particle properties directly or using equations
- Upload your textures as a simple png/jpg image, an atlas or animated textures
- Apply external forces as gravity, magnet point and vortex
The main libraries used in the project are Litegl.js (simplifies working with WebGL without the low-level calls but without losing any freedom), and Litegraph.js (creation of graphs in the browser similar to Unreal Blueprints). Both libraries were made by Javi Agenjo and are used in webglstudio a full open-source 3D graphics editor in the browser.
Besides:
Special mentions to Generate Bootstrap Alerts with Javascript, Matrix invert, this billboard tutorial (really helpful) and Javi Agenjo and his incredible well-explained slides.
Media used: fire texture, smoke1 texture, smoke2 texture, light texture, animated explosion texture, this cute (and covid-free) pangolin mesh 🦦, pi mesh, and this cool (and precipitable) dodo mesh 🐤.