WebGL Heightfield Cards

WebGL Heightfield Cards, abstract, 3d-render, vibrant

Preview image. Unlock full-res

A WebGL raymarching heightfield experiment featuring pairs of curved cards displaying continuously morphing organic textures including shells, abalone, and clouds with iridescent coloring.

Summary

A WebGL raymarching heightfield experiment featuring pairs of curved cards displaying continuously morphing organic textures including shells, abalone, and clouds with iridescent coloring.

Visual description

Three tall rounded cards stand side-by-side against a dark background, each displaying a morphing 3D textured surface. The left card shows iridescent shell-like radial ridges in pale pinks and blues, the center features cream-colored scallop ridges with a wave icon, and the right displays green and teal cloud-like organic patterns. All three are lit smoothly with dimensional depth.

Key takeaway

Use paired 3D heightfield cards as an immersive gallery where each surface represents a different generative texture or data visualization, creating visual rhythm through material and color differences while keeping layout uniform.

Reuse notes

Reach for this as a motion still reference. Pairs with abstract, experimental directions. Original by Marko Vurnek.

More like this