Coding for the Senses
summary
A productivity app called Epic Endeavors demonstrates that multisensory interfaces increase trust and habit: a React 3D scene built with React Three Fiber and Drei renders dice and room geometry, a useFrame loop runs at ~60 times per second for physics, GSAP orchestrates tweens and confetti, tone.js generates adaptive soundscapes, the View Transitions API smooths atmospheric shifts, and a Zustand‑style state store keeps audio, visuals and animations in sync so the experience actually works.
AI-written summary · about
chapters (13)
- 0:00Sensory coding introduction
- 2:49From 2D to immersive 3D
- 7:213D in e-commerce and education
- 8:26Responsive touch in UI
- 10:13GAP for smooth animations
- 13:03Breathing experiences with animations
- 14:04Sound shaping user emotions
- 15:51Generative audio with Tone.js
- 18:19Digital terroir and design shifts
- 19:24View Transitions API smoothness
- 21:10Loyalty through sensory design
- 23:41Why sensory design connects
- 24:45Final thoughts and call to action
related talks
27m3D graphics in React & React Native using React-three-fiber
37mCreating 3D Experiences with React
14mEffortless 3D with react-three-fiber
28mAppetite for Components
16mIntersection between art and technology
42mJavaScript in All the Creative Places
21mBreaking out of the confines: making games in React
28mPlaying With Polyhedra: Creating Beauty from Obsession