Unique 3D experience for the Samokat museum site: tons of graphics, optimizations and WebGL
summary
A case study of building an interactive 3D web museum implemented with React and Three.js. Covers practical graphics and performance challenges, optimizations and WebGL techniques to make a complex, emotionally engaging spatial UX with gamification run smoothly in the browser, aimed at frontend developers.
AI-written summary · about
chapters (10)
- 0:00Spatial experience intro
- 4:47Interactive museum overview
- 13:26Technical risks and goals
- 17:25Model optimization
- 23:40Web 3D model analysis
- 29:11Lighting and materials
- 32:51Graphics performance
- 35:49Texture compression
- 41:19Safari memory fix
- 46:46Project summary
related talks
37mCreating 3D Experiences with React
49mAAA 3D Graphics on the Web with ReactJS, BabylonJS and Unity3D
32mPhotorealistic 3Dgraphics on the Web with ReactJS, WebGL and Unity3D
33mIntroduction to 3D on the Web - Creative Coding with React and Three.js
40mAAA 3D graphics on the Web with ReactJS + BabylonJS + Unity3D
36mBlasting React into Space: Building fluid interface swith React and WebGL
18mReact and WebGL
14mTaelur Alexis - React 360: Creating 3D User Experiences with React