Three.js provides us with many primitive geometries we can insert into the scene. How do they actually work, what information do we find within them, and how is this data organized?
We explore this in this video, where we delve a little deeper into the concept of geometry in three.js. We analyze how BoxGeometry is constructed and how it stores data.
Chapters
00:00 Intro
01:08 What is a geometry for three.js
02:35 UV coordinates
02:48 Normals
03:13 Geometry attributes
05:24 BufferGeometry
07:20 Geometry transformations
10:38 Inspecting the BoxGeometry
12:51 In-depth analysis
14:22 BufferAttributes
19:47 Index attribute
24:06 Groups
24:42 Conclusion
🎥 *next video*: coming soon
🎥 *previous video*: • ORTHOGRAPHIC CAMERA: COME FUNZIONA (GUIDA ...
Code Full version:
https://github.com/rock-biter/three-g...
Medium:
/ three-js-geometries
SUPPORT ME 💶
tipeee: https://it.tipeee.com/gianluca-lomarco/
Help me create consistent, high-quality content.
USEFUL LINKS 🔗
Website: https://gianluca-lomarco.web.app/
GitHub: https://github.com/rock-biter
LinkedIn: / gianluca-lomarco-2a496b5b
Medium: / gianluca.lomarco
Equipment
Webcam smart, Ista360: https://amzn.to/3DwCkwo
Stream deck: https://amzn.to/3QitpX1
Elgato Key Light Mini: https://amzn.to/3QhofdW
Elgato mount: https://amzn.to/3rG3gqM
UWQHD monitor: https://amzn.to/3Ox5dyW