3D in Web Development

on YouTube ↗20m

" summary

Covers using 3D graphics on the web with practical Three.js code, explaining when 3D is appropriate for web projects, how to shift from 2D rendering to working in 3D space, the structure of 3D models, and factors that affect load performance.

AI-written summary · about

" chapters (8)

1. 0:003D web intro
2. 2:513D space basics
3. 7:32Geometry materials textures
4. 10:21Realtime vs prerender 3D
5. 11:23Three.js practical use
6. 15:38Advanced model loading
7. 17:473D libraries platforms
8. 19:12When to use 3D conclusion

" related talks

• 33mIntroduction to 3D on the Web - Creative Coding with React and Three.jsEMANUEL LORENZO · Nerdearla 101 2022
• 33mFull 3D Worlds in Plain old CSS & JavaScriptPantelis Kalogiros · HalfStack Online May 2020
• 01h 07mWorkshop: Preparing 3D Graphics in the Browser (Part 2)Leonid Vinnichenko · HolyJS Piter 2020
• 01h 14mWorkshop: Preparing 3D Graphics in the Browser (Part 1)Leonid Vinnichenko · HolyJS Piter 2020
• 42mThree.js: Build Interactive 3D Environments in Your BrowserSonia Ruiz · Commit Conf 2019
• 17mBuilding Immersive Experiences on the WebIshan Sharma · React Nexus 2023
• 50mPractical Applications of WebGLVasilika Klimova · HolyJS 2016 Piter
• 02mENTREVISTAJAVIER GAMARRA · Commit Conf 2018