Web / 2026
Play with Three.js
A self-initiated browser project using spatial interaction, realtime graphics, and interface composition to show coding fluency through design.
Play with Three.js is a concept project built to foreground coding skills through authored visual interaction. It explores sculptural web objects, responsive motion, and browser-based spatial composition as part of a contemporary design workflow. Rather than behaving like a demo reel, the project is framed as a design environment where interface, rendering, and interaction logic are developed together, showing technical versatility alongside visual control.
- Year
- 2026
- Category
- Web
- Tags
- Web, Creative Coding, Three.js
- Role
- Creative Developer / Visual Designer
- Client
- Self-initiated
- Tools
- Three.js, React Three Fiber, TypeScript, GLSL
Live component
A coded object built from ring structures, tension, and controlled motion.
This study borrows from the wheel-like divider language used across the site and turns it into a denser browser object. Interlocked torus forms, a routed spine, and a wire shell create a small spatial system that demonstrates composition, realtime rendering, and frontend control without slipping into generic demo aesthetics.
Deliverables
- Interactive web scene
- Creative coding prototype
- Responsive interface system
Process
The concept focuses on how a designer can use Three.js not as spectacle, but as a structural material for layout, interaction, and atmosphere in the browser.
System notes
The project is structured as a small family of scene variants rather than a single repeated demo.
The central motif is a wheel-like torus system, adapted from the site divider and rebuilt as a more complex spatial form.