A personal archive for learning digital light.

LUNA studies WebGL and interactive design by rebuilding excellent cases, extracting reusable interface blocks, and testing light and material through small playgrounds.

01Copy

Rebuild a complete experience to understand how it works.

02Extract

Separate useful motion and interaction into reusable blocks.

03Test

Change parameters directly and observe the visual result.

Case Copies

Complete reconstructions of excellent digital experiences.

01Live

TRIONN Hero Copy

Interactive studio hero

Blocks

Reusable parts extracted from case-copy work.

01Available

Kinetic Title

Blur and rotating type reveal

02Available

Project CTA

Directional hover motion

03Available

Electric Guide Lines

Pointer-driven canvas arcs

04Available

Reactive 3D Mark

Pointer parallax and raycasting

Playgrounds

Small tools for testing visual variables by hand.

01Interactive

Material & Light

Compare material, color, position and intensity