Three.js és una biblioteca JavaScript que facilita la creació i visualització d'escenes 3D en el navegador web utilitzant WebGL. Permet crear gràfics interactius, animacions i visualitzacions 3D sense necessitat de coneixements avançats de programació gràfica. Amb Three.js pots afegir objectes, llums, càmeres i materials a una escena, i controlar la seva aparença i comportament de manera senzilla i potent.
➡️ Consulta aquí l'estructura bàsica d'un projecte Three.js
A continuació trobaràs exemples pràctics per entendre i experimentar amb els conceptes bàsics de Three.js. Cada pràctica inclou fitxers HTML, JS i una explicació.
- 1. Importació de models 3D
- 2. Llums
- 3. Materials
- 4. Textures
- 5. HDRI
- Consulta la Documentació del Codi Principal per entendre en detall l'estructura i el funcionament del visor 3D desenvolupat amb Three.js.
- Pots accedir a la web en funcionament aquí.
- Per a una introducció als conceptes bàsics de la representació tridimensional, consulta el document CONCEPTES ESSENCIALS 3D.
- També disposes d'exemples pràctics d'ús de Three.js a la web.
Pots descarregar models 3D gratuïtament a les següents pàgines (revisa sempre la llicència i cita l'autor si és necessari):
