rgbjoy.com

experiments23

Play03

Decal Pole

Staple images to a telephone pole — drop one anywhere and it sticks where it lands, a few degrees off true.

  • Three.js
  • R3F
  • drei
Sep ’26
Island Generator

Shape a low-poly island with seeded noise, elevation bands, and live terrain controls.

  • Three.js
  • R3F
  • WebGL
Sep ’26
Frog Ace

Read the wind, pull back, and spring a tiny frog across a branching lily-pad course.

  • Three.js
  • R3F
  • GLSL
  • FBX
Aug ’26

Generative & Visual08

Aurora

Raymarched aurora curtains after kishimisu — spectral ribbons that drift and fold in deep space.

  • Three.js
  • R3F
  • GLSL
  • lil-gui
Jul ’26
Gradient Flow

Living gradients that cross-fade curated palettes, blended in OKLab for natural color.

  • Three.js
  • R3F
  • GLSL
  • thi.ng
  • lil-gui
Jul ’26
Unbreaking Waves

Five orbiting petal blobs with palette flow and soft fog wash.

  • Three.js
  • R3F
  • GLSL
  • lil-gui
Jun ’26
Warped Stripes

Noise-warped diagonal stripes with live-tweakable colors and warp.

  • Three.js
  • R3F
  • GLSL
  • lil-gui
Jun ’26
Sky Atmosphere

Procedural sky gradients and atmospheric depth.

  • Three.js
  • R3F
  • GLSL
  • lil-gui
Apr ’26
Background Gradient

Shader-led gradient exploration.

  • Three.js
  • R3F
  • GLSL
Mar ’26
Moon Waves

Lunar-toned atmospheric wave study.

  • Three.js
  • R3F
  • GLSL
  • lil-gui
Mar ’26
Wormhole

Shader tunnel with a deep-space motion feel.

  • Three.js
  • R3F
  • GLSL
Mar ’26

Glass & Refraction07

Frosted Glass

Capsules and beads pile up against a pane — depth is spent as blur, so the far ones smear into the fog.

  • Three.js
  • R3F
  • GLSL
  • box3d.js
  • lil-gui
Sep ’26
Fluted Glass

Segmented log-compression flutes over a soft drifting cool-color wash.

  • Three.js
  • R3F
  • GLSL
Jun ’26
Glass Cross

A vertical glass line warping thin black wavy lines on white.

  • Three.js
  • R3F
  • GLSL
Jun ’26
Glass Lines

Refracted line-field glass lighting.

  • Three.js
  • R3F
  • GLSL
Jun ’26
Glass Point

A 5×3 grid of point lenses refracting a flowing cosine wash background.

  • Three.js
  • R3F
  • GLSL
Jun ’26
Glass Waves

Straight vertical glass lines refracting a gold cosine palette.

  • Three.js
  • R3F
  • GLSL
Jun ’26
Reading Glass

A fixed strip of bent glass near the top refracts the article text with chromatic aberration as you scroll.

  • Three.js
  • R3F
  • GLSL
Jun ’26

3D & Spatial05

Ghost

A quietly waiting sheet ghost — simulated cloth, wandering idle motion, and a gaze that notices you in the dark.

  • Three.js
  • R3F
  • GLSL
Sep ’26
PS2 Intro

Concrete column field, refracting glass cubes, and whirling colored light trails over base fog.

  • Three.js
  • R3F
  • GLSL
  • Postprocessing
Jun ’26
Space Road

2001-inspired octagonal corridor with long dark wall panels and forward drift.

  • Three.js
  • R3F
  • GLSL
  • Postprocessing
Jun ’26
Palm Leaf

Tropical light filtering through large fronds.

  • Three.js
  • R3F
Apr ’26
Rectangle Farm

Rotating physical blocks in a neat field layout.

  • Three.js
  • R3F
Apr ’26