ffoxic

CH.04

Shaders

A lab for hand-written GLSL and HLSL experiments. Open any card to compile and run it live in your browser, source alongside.

CLICK · OPEN

Crimson Torus

2026-06-07

Raymarched torus and core lit in crimson. Drag your cursor to orbit it.

  • GLSL
  • raymarch
  • 3D
  • interactive
CLICK · OPEN

Julia Bloom

2026-06-07

An animated Julia set blooming through a cosine palette.

  • GLSL
  • fractal
CLICK · OPEN

Ink Nebula

2026-06-07

Domain-warped fbm noise forming a slow crimson nebula.

  • GLSL
  • fbm
  • noise
CLICK · OPEN

Voronoi Bloom

2026-06-07

Animated Voronoi cells with bright glowing cores.

  • GLSL
  • voronoi
CLICK · OPEN

Kaleidoscope

2026-06-07

A six-fold mirrored interference pattern.

  • GLSL
  • kaleidoscope
CLICK · OPEN

Warp Tunnel

2026-06-07

An endless polar tunnel rushing inward.

  • GLSL
  • tunnel
CLICK · OPEN

Mandelbrot Dive

2026-06-07

A breathing zoom into the Mandelbrot set.

  • GLSL
  • fractal
CLICK · OPEN

Caustics

2026-06-07

Layered sine distortion that fakes pool caustics.

  • GLSL
  • caustics
CLICK · OPEN

Metaballs

2026-06-07

Six charges merging into smooth crimson blobs.

  • GLSL
  • metaballs
CLICK · OPEN

Spiral Galaxy

2026-06-07

A turning two-arm spiral with a bright core and stars.

  • GLSL
  • procedural
CLICK · OPEN

Crimson Ink Flow

2026-06-07

The interactive FBM ink flow from the home page - warped crimson-and-ink turbulence that pushes away from your cursor.

  • GLSL
  • FBM
  • interactive
CLICK · OPEN

Ink Truchet

2026-06-07

Scrolling Truchet tiling - random quarter-arcs stitched across a grid, with a crimson pulse riding each tile.

  • GLSL
  • tiling
  • 2D
CLICK · OPEN

Raymarched Orb

2026-06-06

A single signed-distance sphere marched per pixel, wobbling and orbiting, lit with a crimson diffuse + rim.

  • GLSL
  • raymarch
  • SDF
  • 3D
CLICK · OPEN

Crimson Plasma

2026-06-05

The classic sum-of-sines plasma in the site's ink-and-crimson palette - cheap, hypnotic, and a good first shader.

  • GLSL
  • plasma
  • 2D
CLICK · OPEN

01 Solid Blue

2026-06-01

Constant blue, the simplest possible pixel shader.

  • GLSL
  • basics
  • color
CLICK · OPEN

02 Solid Yellow

2026-06-01

A constant yellow fill.

  • GLSL
  • basics
  • color
CLICK · OPEN

03 RGBA Color

2026-06-01

A constant color that also sets alpha.

  • GLSL
  • basics
  • color
CLICK · OPEN

04 Pink Fill

2026-06-01

Constant pink stored in a color variable.

  • GLSL
  • basics
  • color
CLICK · OPEN

05 Soft Red

2026-06-01

Constant soft red fill.

  • GLSL
  • basics
  • color
CLICK · OPEN

06 Channel Sum

2026-06-01

Builds a color by adding separate channel vectors.

  • GLSL
  • basics
  • channels
CLICK · OPEN

07 Color Times Two

2026-06-01

Doubles a uv based color to brighten it.

  • GLSL
  • basics
  • color
CLICK · OPEN

08 Zero Blue

2026-06-01

Zeroes the blue channel of a uv color.

  • GLSL
  • basics
  • channels
CLICK · OPEN

09 BGRA Swizzle

2026-06-01

Swaps channels with a bgra swizzle.

  • GLSL
  • basics
  • swizzle
CLICK · OPEN

10 Step By Pixel

2026-06-01

step on raw pixel x splits red and black.

  • GLSL
  • basics
  • step
CLICK · OPEN

11 Half Split

2026-06-01

Normalized x with step makes a clean half split.

  • GLSL
  • basics
  • step
CLICK · OPEN

12 UV Gradient

2026-06-01

Pixel position drawn as a red green gradient.

  • GLSL
  • basics
  • uv
CLICK · OPEN

13 Step Right

2026-06-01

step on x lights the right half red.

  • GLSL
  • basics
  • step
CLICK · OPEN

14 Step Left

2026-06-01

step on x lights the left half red.

  • GLSL
  • basics
  • step
CLICK · OPEN

15 Three Bands

2026-06-01

Two step edges carve three vertical bands.

  • GLSL
  • basics
  • step
CLICK · OPEN

16 Black Border

2026-06-01

A colored frame with a black center.

  • GLSL
  • basics
  • step
CLICK · OPEN

17 Fract Stripes

2026-06-01

fract makes repeating vertical stripes.

  • GLSL
  • basics
  • fract
CLICK · OPEN

18 Tile Pattern

2026-06-01

fract tiles a rounded square pattern.

  • GLSL
  • basics
  • fract
CLICK · OPEN

19 Grid

2026-06-01

fract on pixels draws a line grid.

  • GLSL
  • basics
  • fract
CLICK · OPEN

20 Mod Stripes

2026-06-01

mod builds a wider repeating stripe.

  • GLSL
  • basics
  • mod
CLICK · OPEN

21 Mix Gradient

2026-06-01

mix blends two colors across x.

  • GLSL
  • basics
  • mix
CLICK · OPEN

22 Bilinear Corners

2026-06-01

mix on both axes interpolates four corners.

  • GLSL
  • basics
  • mix
CLICK · OPEN

23 Smoothstep Blend

2026-06-01

smoothstep eases a green to red blend.

  • GLSL
  • basics
  • smoothstep
CLICK · OPEN

24 Abs Vee

2026-06-01

abs makes a symmetric vee around the center.

  • GLSL
  • basics
  • abs
CLICK · OPEN

25 Rhombus

2026-06-01

abs of centered uv draws a rhombus.

  • GLSL
  • basics
  • abs
CLICK · OPEN

26 Ceil Steps

2026-06-01

ceil quantizes uv into stepped bands.

  • GLSL
  • basics
  • ceil
CLICK · OPEN

27 Floor Palette

2026-06-01

floor picks a palette band per slice of x.

  • GLSL
  • basics
  • floor
CLICK · OPEN

28 Length Disc

2026-06-01

distance draws a filled disc.

  • GLSL
  • basics
  • length
CLICK · OPEN

29 Aspect Circle

2026-06-01

Aspect corrected distance keeps the circle round.

  • GLSL
  • basics
  • length
CLICK · OPEN

30 Atan Wheel

2026-06-01

atan colors pixels by angle around the center.

  • GLSL
  • basics
  • atan
CLICK · OPEN

31 Sin Rings

2026-06-01

sin of the radius makes concentric rings.

  • GLSL
  • basics
  • sin
CLICK · OPEN

32 Normalize Field

2026-06-01

normalize shows direction as brightness.

  • GLSL
  • basics
  • normalize