No More Flat Web Navigation — Add 3D Interaction as Easy as 1, 3, Three.JS
summary
Adds 3D interactive elements to websites using Three.js and PlayCanvas (with Autodesk APIs) to increase user engagement, demonstrated with Medusa water effects, Pearl Boy, a Star Wars droid and a BMW configurator. Describes a web model viewer (mobile-capable though iOS9 restricts some WebGL features), an Explorer mode exposing per-part metadata, annotations and live collaboration, and explains token-based authentication where tokens expire every 30 minutes; links to the example code.
AI-written summary · about
chapters (10)
- 0:00Introduction
- 1:49Web needs 3D interaction
- 3:24Evolution of 3D web
- 5:53Why Three.js matters
- 6:57Interactive 3D car models
- 8:033D galleries with Autodesk APIs
- 11:54Simplifying 3D with Three.js
- 13:21Live demo of 3D viewer
- 14:25Collaboration in 3D viewers
- 15:41Future of 3D web
related talks
17mBuilding Immersive Experiences on the Web
14m3D On The Web
46mOne, Two, Three JS, or How I Built a 3D Website
23mWebAR: the Augmented Reality for your Browser
45mThe visual web of today and tomorrow - WebGL and WebVR.
10m3D Models on the Web with React Three Fiber
01h 15mDeveloper Roadshow
37mMoving Web applications into Virtual Reality