SimonDev | Blending (using WebGL/Three.js) - And How to Combine Additive and Alpha Blending @simondev758 | Uploaded August 2020 | Updated October 2024, 4 days ago.
Follow me on:
Twitter: twitter.com/iced_coffee_dev
Github: github.com/simondevyoutube
In this project we'll be exploring the blendFunc and blendEquation options from webgl and their equivalents in Three.js. This goes over how source and destination pixels are blended, how common blend modes like additive and alpha blending are typically done, and as a bonus we'll talk about how to actually combine both additive and alpha into a single hybrid blend mode. The point here is to give you an understanding of the basic blend modes available in webgl and three.js.
What we'll cover:
* Basic blend operations like blendFunc and blendEquation
* Alpha / additive blending
* Combining additive and alpha blending into a single pass.
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_BlendModes
Follow me on:
Twitter: twitter.com/iced_coffee_dev
Github: github.com/simondevyoutube
In this project we'll be exploring the blendFunc and blendEquation options from webgl and their equivalents in Three.js. This goes over how source and destination pixels are blended, how common blend modes like additive and alpha blending are typically done, and as a bonus we'll talk about how to actually combine both additive and alpha into a single hybrid blend mode. The point here is to give you an understanding of the basic blend modes available in webgl and three.js.
What we'll cover:
* Basic blend operations like blendFunc and blendEquation
* Alpha / additive blending
* Combining additive and alpha blending into a single pass.
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_BlendModes