Podemos ver un robot creado con figuras en 3D y 2D en three js. Este robot se podrá mover tanto para la izquierda, derecha, arriba y abajo. Además gira la cabeza hacia la izquierda y la derecha sin el cuerpo y el cuerpo a la izquierda y la derecha sin cabeza. A mayores también podemos mover la cabeza a la izquierda y la derecha independiente del cuerpo y viceversa. Finalmente podemos rotar el robot a la izquierda y la derecha con teclas y ver el rotón debido al movimiento de la cámara con el ratón.
Este proyecto está formado por tres tipos de luces, la ambienta, una fuente de luz puntual y otra direccional. Está formado por dos tipos de materiales diferentes y encontramos dos texturas.
BIBLIOTECAS.
-Three.js: es una biblioteca liviana y muy eficiente escrita en JavaScript para crear y mostrar graficos animados por computadora en 3D en un navegador Web.
-TrackballControls.js: Control de trackball, puede usar el mouse para mover,desplazar y hacer zoom facilmente en la escena. Es similar a OrbitControls, sin embargo no matiene un vector constante de la camara hacia arriba. Esto significa que si la cama orbita sobre los polos norte y sur, no se voltea para permanecer al lado derecho.
MOVIMIENTOS:
Raton: movimiento de la camara.
Flecha izquierda: movimiento del robot a la izquierda.
Flecha derecha: movimiento del robot a la derecha.
Flecha arriba: movimiento del robot a la arriba.
Flecha abajo: movimiento del robot a la abajo.
Letra a: gira cabeza al lado izquierdo.
Letra d: gira cabeza al lado derecho.
Letra q: gira cuerpo al lado izquierdo.
Letra e: gira cuerpo al lado derecho.
Letra g: gira el robot entero hacie el lado izquierdo.
Letra h: gira el robot entero hacie el lado derecho.
Letra z: mueve la cabeza al lado izquierdo.
Letra x: mueve la cabeza al lado derecho.
Letra c: mueve el cuerpo al lado izquierdo.
Letra v: mueve el cuerpo al lado derecho.
Tecla space: pone el robot en el centro despues de desplazarse.
