Learn two ways of applying a creative grain effect to 3D elements in Three.js.
The demos show two ways of creating a risograph 2D grain effect reacting to light reflection on 3D objects using Three.js. The first way is using a custom shader (fragment and vertex). The second way is reusing the MeshLambertMaterial shader and applies 2D grain effect on the fragment shader, it's also using a transparent effect.
Install dependencies:
npm install
Compile the code for development and start a local server:
npm run start
Create the build:
npm run build
- Some part of shaders comes from webglfundamentals
Follow Robin Payot: Twitter, GitHub
Follow Codrops: Twitter, Facebook, GitHub, Instagram
Made with 💙 by Codrops