The Code Therapy

TheCodeTherapy - Shader Editor

The WebGL Shader Editor for the browser.

Main Gallery

70 published Shaders

(page 10 of 11)

A Tribute to Quake

A Tribute to Quake

Created by Marco Gomez TheCodeTherapy at Mon, 30 Aug 2021 17:07:28 GMT

The sinusoidal texture displacement underwater effect used on Quake

sine, texture, displacement, distortion, effect, quake

Hex-Blocky-Pastel Tile

Hex-Blocky-Pastel Tile

Created by Marco Gomez TheCodeTherapy at Fri, 30 Oct 2020 00:47:24 GMT

An alternating hex-blocky tile with a sine-based iterated UV distortion that ended up with colors I'd like to eat.

color, palette, perlin noise, hexagonal tiling

CRT Webcam

CRT Webcam

Created by Marco Gomez TheCodeTherapy at Sat, 25 Sep 2021 09:46:50 GMT

Just a sample to demonstrate the usage of camTexture sampler2D uniform

CRT, VHS, distortion, displacement, color shift

Me on a CRT

Me on a CRT

Created by Marco Gomez TheCodeTherapy at Sat, 25 Sep 2021 10:30:42 GMT

Another sample to demonstrate the usage of the camTexture sampler2D uniform

retro, crt, webcam, matrix, light shafts, god rays

FFT Uniforms

FFT Uniforms

Created by Marco Gomez TheCodeTherapy at Sat, 16 Oct 2021 07:45:47 GMT

A simple audio visualizer tutorial to demonstrate the Fast Fourier Transform uniforms exposed to XYZ Shader Editor.

fft, texture, audio, fast fourier transform, visualizer, uniforms, tutorial

A Tiny Raymarcher

A Tiny Raymarcher

Created by Marco Gomez TheCodeTherapy at Sun, 17 Oct 2021 11:48:34 GMT

This is a tiny ray marcher that I wrote to explain Raymarching, rudimentary diffuse lighting, and the creation of basic 3D primitives using Signed Distance Fields (SDF), to a friend on a Discord call.

raymarcher, raymarching, ray march, SDF, distance, diffuse, normal