Podemos activar el wireframe o el mallado fácilmente en nuestras figuras geométricas usando la opción de wireframe en los distintos mesh que creemos en Three.js.
Partiendo de un mesh básico para un cubo, como el que vimos anteriormente para crear nuestra primera escena en Three.js:
const geometry = new THREE.BoxGeometry(4,4,4)
const material = new THREE.MeshBasicMaterial({ color: 0x00FF00})
Agregamos la opción de wireframe; esto lo puedes hacer para la mayoría de los mesh soportados por Three.js:
const geometry = new THREE.BoxGeometry(4,4,4)
const material = new THREE.MeshBasicMaterial({ color: 0x00FF00, wireframe: true })
Y eso es todo; por lo demás, lo agregamos a la escena y tendremos una figura como el de la portada:
const cube = new THREE.Mesh( geometry, material )
scene.add( cube )
Desarrollo con Laravel, Django, Flask, CodeIgniter, HTML5, CSS3, MySQL, JavaScript, Vue, Android, iOS, Flutter