Three.js outline mesh
<p>How can I get outline affect the same as in <a href="http://threejs.org/editor/" rel="nofollow noreferrer">THREE.js editor</a> ? </p>

<p><a href="https://i.stack.imgur.com/bxhCM.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bxhCM.png" alt="enter image description here"></a></p>

<p>I've tried this:</p>

<pre><code>// child = child of my object

var outlineMaterial1 = new THREE.MeshBasicMaterial( { color: 0xff0000, side: THREE.BackSide } );

var outlineMesh1 = new THREE.Mesh( child.geometry, outlineMaterial1 );
outlineMesh1.position = child.position;

outlineMesh1.scale.multiplyScalar(1.05);
scene.add( outlineMesh1 );
</code></pre>

<p>Trying to do the same as in this <a href="https://stemkoski.github.io/Three.js/Outline.html" rel="nofollow noreferrer">example</a> (<a href="https://github.com/stemkoski/stemkoski.github.com/blob/master/Three.js/Outline.html#L114" rel="nofollow noreferrer">code</a>). I'm getting completely different effect:</p>

<p><a href="https://i.stack.imgur.com/O2WFu.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/O2WFu.png" alt="enter image description here"></a></p>

<p>Same questions: <a href="https://stackoverflow.com/questions/14561360/three-js-outlines">#1</a> and <a href="https://stackoverflow.com/questions/23530879/how-to-add-outline-on-child-mesh-in-three-js">#2</a>.</p>