THREE.js - Conceptos Básicos

Conceptos Básicos

Estos conceptos básicos serán la base para el desarrollo de las practicas futuras.

Lo primero es descargar la librería: https://threejs.org/

Creación de la Primera Escena

• Lo primero de todo es generar el renderizador
• Posteriormente le daremos las dimensiones de la pantalla y lo añadiremos al documento.
• Y ahora tenemos que crear la propia escena, que se encarga de almacenar todos los elementos que posteriormente visualizaremos.
• En esta punto se añaden los elementos a la escena.
• Lo último, cuando creamos cualquier elemento, es añadirlo a la propia escena que habíamos creado.
• Para poder visualizar una escena debemos de tener una cámara que nos de la visión de los elementos, la cámara nos permite establecer el ángulo de visión (estando entre los 40º y 50º un ángulo natural), la relación entre el ancho y el alto y el rango de alcance de la vista.
• Para poder ver con claridad los colores de la escena necesitamos añadirle luz, que actúa de forma similar a una cámara, pero en lugar de darle parámetros de visualización le pasaremos un número (en hexadecimal, pero numérico), también tenemos que darle una posición, al igual que con la cámara y añadirla a la escena.

Fuentes: 

Pedro Gutiérrez (25 Noviembre 2013), Introducción a Three.js, la librería 3D número uno para HTML5, recuperado de: https://www.genbeta.com/desarrollo/introduccion-a-three-js-la-libreria-3d-numero-uno-para-html5