Material de estructura metálica Three.JS: todos los polígonos versus solo los bordes

Estoy usando ThreeJS en un proyecto y me di count de que las versiones anteriores reproducen wireframes de forma diferente que las versiones más nuevas, y no puedo averiguar cómo revertir (que prefiero).

Este violín que utiliza la versión 54 representa solo los bordes exteriores del object dibujados con un material de estructura alámbrica: http://jsfiddle.net/ksRyQ/ o como se muestra aquí en caso de que sea específico de la plataforma (estoy en mac cromo):

enter image description here

Por otro lado, cuando ejecuto el mismo código localmente usando la versión más nueva r61, veo el borde de cada polígono, como en:

enter image description here

el código en ambos casos es simple:

material = new THREE.MeshBasicMaterial({ color: 0xff0000, wireframe: true }); 

Estoy seguro de que podría sacar el cubo de las líneas o algo así, pero prefiero entender el problema.

¿Alguna pista? ¿Hay algún ajuste para esto o algo que pueda modificarse? En segundo lugar, notará que ahora mismo el código está usando el representador de canvas, aunque planeo usar el renderizador de webGL, pero el mismo fenómeno es cierto con ambos (aunque hay otras diferencias).

One Solution collect form web for “Material de estructura metálica Three.JS: todos los polígonos versus solo los bordes”

Si desea renderizar una malla de una geometry determinada, ahora puede usar este patrón:

 var geo = new THREE.EdgesGeometry( geometry ); // or WireframeGeometry( geometry ) var mat = new THREE.LineBasicMaterial( { color: 0xffffff, linewidth: 2 } ); var wireframe = new THREE.LineSegments( geo, mat ); scene.add( wireframe ); 

WireframeGeometry renderizará todos los bordes. EdgesGeometry renderizará los bordes duros.

Consulte también esta respuesta relacionada sobre cómo representar un model y su estructura alámbrica.

EDITAR: actualizado a three.js.r.82

  • Rectangularjs plegables para formar un cubo con three.js
  • ¿Cómo detectar colisión en three.js?
  • cargando el model con Three.js
  • TrackballControls rotan solo por el eje Z
  • Three.js Gira la camera alnetworkingedor del object (que puede moverse)
  • ¿Hay algún object tipo contenedor en three.js para transformar un grupo de hijos?
  • Acceder a los contenidos del file shader para three.js usando jquery
  • ¿Controles de camera basados ​​en cuadro delimitador de object?
  • ThreeJS actualiza la position de la camera para que la position mundial del avión coincida con la position de la pantalla DIV
  • THREE.js OBJLoader: carga en Geometry, manipula y guarda en BufferGeometry
  • Three.js - Cambiar material en time de ejecución
  • Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.