<p dir="auto">Is it possible to merge a mesh with a line? My problem currently is that I need to draw thousands of 3D objects with outline. Since the wireframe draws triangles I'm handling the outline myself with a Line for each element. The problem is that this way I'm duplicating the elements on the scene which has a negative impact on the performance. If I could merge these elements after creating them there would be no impact on performance (after the initial load). Is it possible?</p>
<p dir="auto">Thanks!</p>
<p dir="auto">R60: Seems that the wireframe is shown for the actual triangles that are rendered.<br>
R59: Meshes with quad faces are rendered as quad faces in wireframe mode.</p>
<p dir="auto">So I'm hoping this is an issue, not a changing in the behaviour of this wireframe parameter for materials. Since I want to draw cubes with their edges shown.</p>
<p dir="auto">Test Code:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="  var scene = new THREE.Scene();
  var camera = new THREE.PerspectiveCamera(75, window.innerWidth/window.innerHeight, 0.1, 1000);
  camera.position.z = 5;

  var renderer = new THREE.WebGLRenderer();
  renderer.setSize(window.innerWidth, window.innerHeight);
  document.body.appendChild(renderer.domElement);

  var geometry = new THREE.CubeGeometry(1,1,1);
  var material = new THREE.MeshBasicMaterial({color: 0x00ff00,wireframe: true});
  var cube = new THREE.Mesh(geometry, material);
  scene.add(cube);

  var render = function () {
    requestAnimationFrame(render);

    cube.rotation.x += 0.01;
    cube.rotation.y += 0.01;

    renderer.render(scene, camera);
  };

  render(); "><pre class="notranslate"><code class="notranslate">  var scene = new THREE.Scene();
  var camera = new THREE.PerspectiveCamera(75, window.innerWidth/window.innerHeight, 0.1, 1000);
  camera.position.z = 5;

  var renderer = new THREE.WebGLRenderer();
  renderer.setSize(window.innerWidth, window.innerHeight);
  document.body.appendChild(renderer.domElement);

  var geometry = new THREE.CubeGeometry(1,1,1);
  var material = new THREE.MeshBasicMaterial({color: 0x00ff00,wireframe: true});
  var cube = new THREE.Mesh(geometry, material);
  scene.add(cube);

  var render = function () {
    requestAnimationFrame(render);

    cube.rotation.x += 0.01;
    cube.rotation.y += 0.01;

    renderer.render(scene, camera);
  };

  render(); 
</code></pre></div>