title: Create a plane mesh with pointcloud in three.js
body: <p>I've created pointcloud with all points in an exact plane. I want the pointcloud to be highlighted and shown as a rectangle shape when the mouse is rolled over. For that, I think the pointcloud has to be converted in to a mesh, first.<br>
  I've googled for hours and tried to read thee.js documentation too. But couldn't find any solution. Could you please help me convert this pointcloud to a mesh. Thank you very much </p>
  
  <pre><code>        &lt;script&gt;
  
          if ( WEBGL.isWebGLAvailable() === false ) {
              document.body.appendChild( WEBGL.getWebGLErrorMessage() );
          }
          var camera, scene, renderer, controls;
          init();
          animate();
  
          function init() {
  
              renderer = new THREE.WebGLRenderer( { antialias: true } );
              renderer.setPixelRatio( window.devicePixelRatio );
              renderer.setSize( window.innerWidth, window.innerHeight );
              document.body.appendChild( renderer.domElement );
              scene = new THREE.Scene();
              camera = new THREE.PerspectiveCamera( 45.0, window.innerWidth / window.innerHeight, 5, 3500 );
              camera.position.z = 2500;
              controls = new THREE.TrackballControls( camera, renderer.domElement );
              createScene();
          }
  
          function createScene() {
                  scene = new THREE.Scene();
                  scene.background = new THREE.Color( 0x000000 );
                  var geometry = new THREE.BufferGeometry();
                  var positions = [];
  
                  for ( var i = 0; i &lt; 500; i ++ ) {
                      for ( var j = 0; j &lt; 300; j ++ ) {
                      var y = j;
                      var x = i; 
                      var z = 0;
                      positions.push( x, y, z );
                      }
                  }
  
                  geometry.addAttribute( 'position', new THREE.Float32BufferAttribute( positions, 3 ) );
  
                  var material = new THREE.PointsMaterial( {color: 0xFFFFFF} );
                  points = new THREE.Points( geometry, material );
                  scene.add( points );
          }
  
          function animate( time ) {
  
              requestAnimationFrame( animate );
              controls.update();
              renderer.render( scene, camera );
  
          }
  
          &lt;/script&gt;
  </code></pre>