16a How to make smoke effect three.js
Learn how to make a smoke effect in three.js using image textures.
Timestamps:
00:00 Intro/demo
00:34 How the smoke effect works
01:10 Boilerplate code (camera, scene, fog, renderer, lights), global variables
02:54 How to make smoke texture three.js
04:41 How to make smoke particles array of smoke textures three.js
06:29 How to handle window resize events three.js
06:47 How to animate smoke textures in animate loop three.js
07:49 Things you can change to make the effect your own
Resources:
Image Credits:
flare image: https://opengameart.org/content/flare...
smoke image: https://opengameart.org/content/smoke...
Three.js:
Get Three.js at: https://github.com/mrdoob/three.js/
Three.js homepage: https://threejs.org/
Learning Resources:
MeshLambertMaterial doc: https://threejs.org/docs/index.html?q...
Discover Three.js: https://discoverthreejs.com/
