Tutorial: Creating Cigarette Smoke Effects with Shaders and Three.js

How to make a cigarette smoke effect using shaders and three.js.

TexturePerlin noise will provide the random values needed for the effect.

We load a Perlin noise texture and pass it into the fragment shader.

To sample the texture, we need the UV coords of each fragment.

We can pass the coords from the vertex to the fragment shader using a varying.