Shape Burst
A high-performance 3D interactive system exploring the boundary between generative art and cognitive engagement.
Visit External Link
The '8-second attention span' and the perceived coldness of complex digital systems.
Designing rewarding, high-contrast feedback loops that sustain focus and invite intuitive interaction.
Socio-Technical Analysis | 3E's Methodology
Empathy
Human context
Designing rewarding, high-contrast feedback loops that sustain focus and invite intuitive interaction.
Efficiency
Technical Bridge
Architected a modular Three.js/WebGL engine with independent classes for particle bursts and constellation lines, reducing development time by 70% through AI-assisted workflows.
Engagement
Impact Metric
Live prototype deployed at shapeburst.netlify.app; optimized for universal touch and performance.
Executive Summary
Shape Burst is more than a game; it is a proxy for human-centric system design. By utilizing Three.js and particle physics, I created an environment where complex code responds to human presence with cinematic fluidity. The project explores cross-industry applications—from gamified cognitive training for ADHD to immersive 3D data visualization for fintech.
Strategic Outcomes
- 01Pioneered a modular 3D architecture for rapid creative scaling.
- 02Identified strategic applications in cognitive healthcare and marketing 'dwell time.'
- 03Created a high-fidelity bridge between abstract code and sensory delight.