Safari in Safari
summary
Apple enabling WebGL in iOS8 means rich 3D reaches half a billion devices, and the Safari logo is reconstructed as live geometry using only JavaScript and THREE.js. The build uses primitives (sphere, torus, lathe, text), textures, environment maps and bump maps, modules wired with requirejs, animation via requestAnimationFrame, and a few GLSL tweaks inspected in Firefox shader tools. The demo runs in-browser and demonstrates interactive lighting, transparency and performance tradeoffs.
AI-written summary · about
chapters (10)
- 0:00Start
- 8:30Require.js module
- 9:55Geometry - Sphere
- 10:16Geometry - Torus
- 11:37Geometry - Lathe
- 12:00Geometry - Path-based
- 12:56Material - Wireframe
- 13:14Material - Basic
- 14:39Textured Phong
- 16:34Transparency - Blending
