SimonDev | Writing a Particle System (using Three.js) @simondev758 | Uploaded August 2020 | Updated October 2024, 4 days ago.
Follow me on:
Patreon: patreon.com/simondevyt
Twitter: twitter.com/iced_coffee_dev
Instagram: instagram.com/beer_and_code
Github: github.com/simondevyoutube
In this project we'll be using Three.js to write our own particle system from scratch. I'll step through the basics of getting some simple particles on screen, before moving on to animating parameters over particle lifetimes and building out an example system. The point here is to give you an understanding of the basic building blocks, so that you can use that to build out a more complex system.
What we'll cover:
* Writing a basic particle system in three.js
* Getting simple particles on the screen
* Alpha / additive blending
* More complex parameter animation.
Just treat this as a jumping off point for your own 3d projects, there's lots of ways you can go with this but it often helps to have a basic project you can build from.
I will be following up this project with one that goes into detail on combining additive and alpha blending, to get that integrated smoky/fiery effect, stay tuned.
Full source code for the project is available, so if you're interested in fiddling with the code, screwing around with it, or improving it.
Source: github.com/simondevyoutube/ThreeJS_Tutorial_ParticleSystems
Follow me on:
Patreon: patreon.com/simondevyt
Twitter: twitter.com/iced_coffee_dev
Instagram: instagram.com/beer_and_code
Github: github.com/simondevyoutube
In this project we'll be using Three.js to write our own particle system from scratch. I'll step through the basics of getting some simple particles on screen, before moving on to animating parameters over particle lifetimes and building out an example system. The point here is to give you an understanding of the basic building blocks, so that you can use that to build out a more complex system.
What we'll cover:
* Writing a basic particle system in three.js
* Getting simple particles on the screen
* Alpha / additive blending
* More complex parameter animation.
Just treat this as a jumping off point for your own 3d projects, there's lots of ways you can go with this but it often helps to have a basic project you can build from.
I will be following up this project with one that goes into detail on combining additive and alpha blending, to get that integrated smoky/fiery effect, stay tuned.
Full source code for the project is available, so if you're interested in fiddling with the code, screwing around with it, or improving it.
Source: github.com/simondevyoutube/ThreeJS_Tutorial_ParticleSystems
