Crear mallado o wireframe en Three.js

- Andrés Cruz

In english
Crear mallado o wireframe en Three.js

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 )

 

 

 

 

Andrés Cruz

Desarrollo con Laravel, Django, Flask, CodeIgniter, HTML5, CSS3, MySQL, JavaScript, Vue, Android, iOS, Flutter

Andrés Cruz en Udemy

Acepto recibir anuncios de interes sobre este Blog.