Entender Scene, Camera y Renderer de forma visual
Three.js es una biblioteca que nos permite crear gráficos 3D en el navegador usando WebGL. Para crear cualquier escena 3D, necesitamos 3 elementos fundamentales:
Es el contenedor donde ponemos todos nuestros objetos 3D, luces y cámaras. Podemos pensar en la escena como si fuera un escenario donde todo sucede. De manera similar al Blender, Three.js nos permite crear y organizar objetos 3D dentro de esta escena.
Define desde qué punto de vista estamos mirando la escena. Están habilitados los OrbitControls que nos permiten mover la cámara alrededor de la escena y ver el cubo desde diferentes ángulos.
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.
Entender Scene, Camera y Renderer de forma visual
Three.js es una biblioteca que nos permite crear gráficos 3D en el navegador usando WebGL. Para crear cualquier escena 3D, necesitamos 3 elementos fundamentales:
Es el contenedor donde ponemos todos nuestros objetos 3D, luces y cámaras. Podemos pensar en la escena como si fuera un escenario donde todo sucede. De manera similar al Blender, Three.js nos permite crear y organizar objetos 3D dentro de esta escena.
Define desde qué punto de vista estamos mirando la escena. Están habilitados los OrbitControls que nos permiten mover la cámara alrededor de la escena y ver el cubo desde diferentes ángulos.
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.
Visitá la versión desktop para ver la visualización interactiva 3D