Depthline 2.5D Engine
A spatial browsing prototype driven by scroll, touch and middle-button input.
Status: Interactive prototype
Tools: JavaScript · CSS transforms · Interaction design
Navigation through depth
I built an interaction prototype that turns continuous input into movement through layered pages. Position, scale, opacity, blur and rotation work together to create spatial transitions.
Controlled motion
Separate target and smoothed positions govern input response. Tunnel length, depth, frame count, blur and easing are configurable, with forward and return transitions across input methods.
A self-contained prototype
The browser demo uses native JavaScript and CSS transforms with no build step. The supplied recording shows the working prototype's dark theme and shorter tunnel setting.
Project walkthrough
Project views
Working interaction prototype.
