Skip to content

INSIGHTS.

Thoughts, reflections, and ideas on design,
technology, and the world we work in.

WebGL / 3DJun 19

The moon, gravity-lensed.

A lab experiment: one full-screen fragment shader bends light around a real NASA moon — a hand-written gravitational lens, FBM “wind” flow and per-channel chromatic refraction, every parameter live.

WebGL / 3DJun 19

Light that never escapes.

A lab experiment in strong-field relativity: per pixel it integrates the null geodesic through Schwarzschild spacetime to render a black hole’s lensed accretion disk, photon ring and warped starfield — one shader, zero dependencies.

Motion / TransitionsJun 18

A wave between pages.

A lab extraction of this site’s own page transition: click a thumbnail and it freezes on its current frame, a wave ripples through, and a curtain wipes up to reveal the next page. Tune the wave and timing from a live panel.

Motion / TransitionsJun 18

One motion, every page.

A lab experiment that reduces page motion to one gesture: the incoming page slides up and scales into place. The same reveal plays the loader and drives every navigation — and a live panel lets you tune its duration, easing, scale and direction.

WebGL / 3D

3D Crystal Glass Shaders

A WebGL lab experiment using React Three Fiber to craft a glass-crystal hero section — exploring how real-time 3D shaders can elevate property marketing beyond static imagery.

Canvas 2DApr 15

Breath, Dear Medusae

A Canvas 2D reinterpretation of Google's Antigravity easter egg — a breathing jellyfish of particles that follows your cursor through the deep.

WebGL / 3DJan 15

Wave Slabs

A deep dive into how digitalization and strategic design are reshaping the industrial sector.

Canvas 2DApr 14

Canvas experiment in ambience.

Apple Podcasts wraps every episode in a soft, color-aware ambient glow. This experiment recreates that effect with Canvas 2D and a single CSS filter line — small enough to drop into any project.

WebGL / 3DNov 20

Scroll becomes water.

A lab experiment where the page itself warps on scroll — the faster you move, the more the rendered frame ripples through a custom WaterPass.