title: Three.js PointsMaterial AdditiveBlending artifacts
body: <p>Why the Points AdditiveBlending only works when look from right, not left?
  Set the depthTest:false will solve the problem, but trigger another problem that the Points overlay other meshes.</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;My first three.js app&lt;/title&gt;
      &lt;style&gt;
          html
          ,body
          {height: 100%;}
          body { margin: 0; }
          canvas { width: 100%; height: 100% }
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
      &lt;script src="/lib/threejs/three.js-master/build/three.js"&gt;&lt;/script&gt;
      &lt;script src="/lib/threejs/three.js-master/examples/js/controls/OrbitControls.js"&gt;&lt;/script&gt;
      &lt;script&gt;
          var scene = new THREE.Scene();
          var camera = new THREE.PerspectiveCamera( 75, window.innerWidth/window.innerHeight, 0.1, 1000 );
  
          var renderer = new THREE.WebGLRenderer();
          renderer.setSize( window.innerWidth, window.innerHeight );
          document.body.appendChild( renderer.domElement );
  
  
          var buffer_geometry=new THREE.BufferGeometry();
          var vertices=new Float32Array([
              -1.0,  0.0,  0.0,
               1.0,  0.0,  0.0,
          ])
          buffer_geometry.addAttribute('position',new THREE.BufferAttribute(vertices,3));
  
  
          var controls=new THREE.OrbitControls(camera, renderer.domElement);
  
          var material = new THREE.PointsMaterial({
              color:0x330000,
              transparent:true,
              // depthTest:false,
              blending:THREE.AdditiveBlending,
              size:.3,
          })
  
          var mesh = new THREE.Points( buffer_geometry, material );
          scene.add( mesh );
  
          camera.position.z = 5;
  
          var animate = function () {
              requestAnimationFrame( animate );
  
              renderer.render(scene, camera);
          };
  
          animate();
      &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>