Interactive tutorials to learn WebGL, 3D algorithmics, Three.js, mixing live coding with step by step 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.

Articles on computer graphics, math and art

Articles on computer graphics, math and art

Graphing functions easily on the web

Build shaders, share them, and learn from the best community.

twigl.app is an online editor for One tweet shader, with gif or webm generator and sound shader.

twigl.app is an online editor for One tweet shader, with gif or webm generator and sound shader.

Realtime editor for generating new mesh and light gradients.

⧜

Abstract Did you ever go to ShaderToy and be blown away by the amazing stuff people are able to make with shaders? A lot of them use a technique called raymarching. Today, we will see how we can use s...

Build shaders, share them, and learn from the best community.

Build shaders, share them, and learn from the best community.

A breakdown of a vertex buffer animation

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

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

Website project for openrndr.org

Guide for OPENRNDR

A visual live-programming environment that takes you from rapid prototyping to final production.