Workshop: Preparing 3D Graphics in the Browser (Part 1)
summary
Introduces 3D graphics on the web for beginners by walking through a full pipeline: exporting a model from a 3D editor, loading GLTF model files, and rendering them in the browser using the Three.js library. Includes a small demo that shows practical steps from model export to on-page drawing.
AI-written summary · about
chapters (13)
- 0:00Introduction
- 4:08Game loop basics
- 8:22Three.js for 3D
- 14:58Camera principles
- 22:34Units and scaling
- 25:12Scene graph
- 30:50Basic 3D objects
- 36:11Interactivity & camera
- 43:57Lighting setup
- 53:29Textures in Three.js
- 59:38Importing 3D models
- 1:06:37Shadows setup
- 1:12:04Debugging & wrap-up
related talks
31mWebGL: Building Interactive 3D Worlds in the Browser
20m3D in Web Development
14m3D On The Web
17mBuilding Immersive Experiences on the Web
41mGetting started with three js and WebGL
33mIntroduction to 3D on the Web - Creative Coding with React and Three.js
37mCreating 3D Experiences with React
34mNext-Generation 3D Graphics on the Web