Details

A holographic display of the future, where we can project pixels on thin air, but they're still low res.

The display is made of 16 planes, each textured with the same noise map, but discarding at different heights. Color is based on height and layer, and shadow is added by comparing the noise value and the height of the layer on top of the current one. Sampling of the noise texture is done with rounding and modulo to simulate a grid of pixels.

Bloom is added by blurring the color buffer twice in two separable 5-tap blur, and resampled in the final shader. Also added RGB shift, vignette and level and gamma adjustment.

Based on this image.

Built with three.js, Ashima WebGL noise functions and dat.gui.

Code available on GitHub.

Close