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

  • patrón de inheritance three.js
  • Cómo alternar preserveDrawingBuffer en three.js?
  • Three.js: la mejor forma de dibujar muchos triangularjs (50k +) con color alfa
  • Three.js - label en AxisHelper withTextGeometry y problema de rotation
  • Crear efecto de deformación de image en WebGL y three.js
  • En una malla hecha de cubos con diferentes colors, ¿cómo encuentro los clústeres coincidentes?
  • Crea CANNON.RigidBody de THREE.Mesh o TRES.Geometría
  • cómo importar json y renderizar en three.js
  • Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.