On-gi

Overview

On-gi (온기 - Warmth) is an interactive vignette. Users navigate a minimalist layout where moving the cursor acts as a "flashlight" or mask, revealing hidden layers beneath the primary interface.

The Challenge

Exploring how standard CSS clip-paths and mask-images can be driven by mouse coordinates via GSAP to create a sense of tactile discovery on a flat screen.

Core Tech Stack

Key Features

• 01 Coordinate-tracked Masking
• 02 Multi-layer Composition
• 03 Fluid GSAP Ticker Updates
• 04 Minimalist Aesthetics