THREE.js - Practica 8

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

Se usaron texturas para el plano y la figura, utilizando TextureLoader que es una clase para cargar una textura. Esto utiliza el ImageLoader internamente para cargar archivos.

// Textura para el plano

    var textura_plano = new THREE.TextureLoader().load('./images/cesped3.jpg');

También se creo una nueva geometría utilizando los vértices para trazarla, utilizando ExtrudeGeometry, que crea geometrías extruidas a partir de una forma de trazado.

Se implemento el uso de mallas con el Mesh, que es una clase base que se hereda de Object3d y se utiliza para instanciar objetos poligonales combinando una geometría con un material . Mesh también es la clase base para las clases más avanzadas de MorphAnimMesh y SkinnedMesh .

Fuente:
https://threejs.org/docs/
https://riptutorial.com/es/three-js/topic/8838/mallas