EMIROCreative developerLocal time

05Research

Out-of-focus lights drawn with signed distances, a cheap way to add depth to dark layouts.

Light Studies
01

Overview

Light Studies
Light Studies
02

Approach

  1. 01

    Discs

    A smooth disc and a wider halo for every light.

  2. 02

    Depth

    Larger, fainter lights read as closer to the lens.

  3. 03

    Cost

    Sixteen lights, one pass, no textures.

Light Studies

The technique is light enough to run behind interface elements on mobile.

03

Credits

Concept
EMIRO
Design
EMIRO
Development
EMIRO
Tools
WebGL2, GLSL