Interactive
Experiments

Exploring interaction, motion and real-time graphics through browser-based experiments.

These projects sit between visual design and development. I use code as part of the design process — prototyping ideas, testing behaviour and shaping the final interaction directly in the browser.

The experiments range from lightweight Canvas interactions to real-time 3D environments and playable browser prototypes.

Role

Visual Designer · Creative Developer

Focus

Interaction · Motion · Prototyping · Real-time graphics

Tools

JavaScript · HTML5 Canvas · CSS · Three.js · WebGL

01 Approach

Code is not the handoff. It is part of the design material.

Instead of separating concept, visual design and implementation, I move between them continuously. Behaviour can influence the composition, motion can change hierarchy, and technical constraints can become part of the visual idea.

These experiments are intentionally small enough to iterate quickly, but complete enough to test how an interaction actually feels when it is used.

Concept → Visual direction → Prototype → Interaction → Browser

Canvas · Interaction logic · Visual feedback

Light & Mirrors

A browser-based interaction built around directing a light path through a dark field. The visual system is intentionally minimal, allowing motion, geometry and immediate feedback to carry the experience.

Design focus

Readable visual feedback, movement and spatial interaction.

Build

JavaScript · HTML5 Canvas · CSS

Three.js · WebGL · Spatial interaction

Maze

A real-time 3D maze experiment exploring spatial navigation, depth, lighting and movement in the browser. The project uses a deliberately reduced visual language so orientation and interaction remain the focus.

Designing a space means designing how someone moves through it.

Design focus

Depth, navigation, orientation and real-time feedback.

Build

Three.js · WebGL · JavaScript

Real-time interaction · Controls · Game loop

Tanks

A top-down browser prototype focused on immediate controls, collision, player state and real-time feedback. Compared with the other experiments, the visual system is more functional: the interaction loop itself becomes the primary design problem.