Entendé Scene, Camera y Renderer de forma visual
Three.js es una biblioteca que te permite crear gráficos 3D en el navegador usando WebGL. Para crear cualquier escena 3D, necesitás 3 elementos fundamentales:
Es el contenedor donde ponés todos tus objetos 3D, luces y cámaras. Pensá en ella como el "mundo" donde todo existe.
Define desde qué punto de vista estás mirando la escena. Usá los controles de la derecha para mover la cámara y ver cómo cambia la perspectiva.
Es el encargado de "dibujar" la escena desde el punto de vista de la cámara. Toma la escena y la cámara y genera la imagen que ves.
Usá el panel de controles (arriba a la derecha del canvas) para cambiar la posición de la cámara y el FOV (Field of View). Activá/desactivá los helpers para ver los ejes y la grilla.
Entendé Scene, Camera y Renderer de forma visual
Three.js es una biblioteca que te permite crear gráficos 3D en el navegador usando WebGL. Para crear cualquier escena 3D, necesitás 3 elementos fundamentales:
Es el contenedor donde ponés todos tus objetos 3D, luces y cámaras. Pensá en ella como el "mundo" donde todo existe.
Define desde qué punto de vista estás mirando la escena. Usá los controles de la derecha para mover la cámara y ver cómo cambia la perspectiva.
Es el encargado de "dibujar" la escena desde el punto de vista de la cámara. Toma la escena y la cámara y genera la imagen que ves.
Usá el panel de controles (arriba a la derecha del canvas) para cambiar la posición de la cámara y el FOV (Field of View). Activá/desactivá los helpers para ver los ejes y la grilla.
Visitá la versión desktop para ver la visualización interactiva 3D