TJ Shaders Learning

A complete guide on how to use shaders with React Three Fiber, work with uniforms and varyings, and build dynamic, interactive and composable materials with them through 8 unique 3D scenes.

A guide on how to reproduce a chromatic dispersion effect for your React Three Fiber and shader projects with FBO, refraction, chromatic aberration, specular, and other tricks through 9 interactive code playgrounds.

A JavaScript library for creating interactive procedural 2D and 3D shaders.

Gentle step-by-step guide through the abstract and complex universe of Fragment Shaders.

A step-by-step guide on how to build a caustic light effect for your React Three Fiber project using shaders, render targets, normal maps, and custom materials.

We cover the basics of art content creation, some of the reasoning behind various PBR standards (without getting too technical), and squash some common misconceptions.