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 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 applications in cognitive healthcare and marketing 'dwell time.'
- 03Created a high-fidelity bridge between abstract code and sensory delight.