sábado, 9 de noviembre de 2019

THREE.js - Practica 4

Primero se crearon las carpetas necesarias dentro de la carpeta de la practica:
  • css
  • js

Dentro de la carpeta css se creo un default.css con el código base de los margenes, después se creo el index.html a la altura de las carpetas, en este index se escribió el titulo y la exportación de los js, así como el Div que contendrá la salida del script.

Esta practica es igual a la anterior, solo que se importaron los archivos js:
  • jquery-3.4.1.min.js
  • three.js
  • TrackballControls.js
  • util.js
  • utils.js
  • dat.gui.min.js
  • OrbitControls
  • stats.min.js
Se añadieron los controles a la pantalla para la velocidad de la rotación del cubo y la velocidad de rebote de la esfera, se agregaron también los "gestos" del mouse.

OrbitControls permiten que la cámara orbite alrededor de un objetivo.

TrackballControls es similar a OrbitControls. Sin embargo, no mantiene un vector de cámara constante. Eso significa que si la cámara orbita sobre los polos "norte" y "sur", no se voltea para permanecer "derecha".


Fuente: https://threejs.org/docs/

No hay comentarios:

Publicar un comentario