THREE.js - Practica 5

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.

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

Funciona de manera similar que la practica dos, en esta practica se distribuyeron los 2000 puntos de manera aleatoria así como sus colores.

Se busco que los puntos formaran un cubo cubriendo esta área aleatoria mente, distribuidos entre -10 y 10 en el plano, para esto se utilizaron varias sentencias FOR, para que los colores fueran aleatorios se utilizo la clase Math.

{color:(Math.random() * 0xffffff)}