three and readRenderTargetPixels about nexus HOT 6 OPEN

<script id="fragmentShader" type="x-shader/x-fragment">
	precision highp float;
	in vec3 vColor;
	in vec2 vUv;
	out vec4 myColor;
	void main() {
		#ifdef PICKING
			myColor = vec4(vColor, vUv[0] + 1.0);
		#else
			myColor = vec4(vColor, 1.0);
		#endif
	}
</script>

<script id="vertexShader" type="x-shader/x-vertex">
	precision highp float;
	in vec3 color;
	in vec3 position;
	in vec2 uv;
	uniform vertexData {       
		mat4 projectionMatrix;     
		mat4 viewMatrix;           
		lowp vec4 selectionColor;  
		lowp vec3 lPosition;       
		lowp vec3 ambientColor;    
		lowp vec3 diffuseColor;    
		lowp vec3 specularColor;   
		lowp float shininess;      
	};                             
	out vec2 vUv;
	out vec3 vColor;                           
	
	void main() {
		vUv = uv;
		gl_Position = projectionMatrix * viewMatrix * vec4( position, 1.0 );
		#ifdef PICKING
			vColor = gl_Position.xyz;
		#else
			vColor = color.xyz;
		#endif 
	}

var vertexUniformBlock = new THREE.UniformBlock();
vertexUniformBlock.setName( 'vertexData' );
vertexUniformBlock.add( { value: camera.projectionMatrix } ); // projection matrix
vertexUniformBlock.add( { value: camera.matrixWorldInverse } ); // view matrix
vertexUniformBlock.add( { value: new THREE.Vector4(1.0, 1.0, 0.0, 0.5) } ); // selectionColor
vertexUniformBlock.add( { value: camera.position } ); // light position
vertexUniformBlock.add( { value: new THREE.Color(0x333333) } );
vertexUniformBlock.add( { value: new THREE.Color(0x333333) } ); // ambient color
vertexUniformBlock.add( { value: new THREE.Color(0xaaaaaa) } ); // diffuse color
vertexUniformBlock.add( { value: new THREE.Color(0xcccccc) } ); // specular color
vertexUniformBlock.add( { value: 4 } ); // shininess

var material = new THREE.RawShaderMaterial( {
	uniforms: { "time": { value: 0.0 } },
	uniformBlocks: [ vertexUniformBlock ],
	vertexShader: "#version 300 es\n" + document.getElementById( 'vertexShader' ).textContent,
	fragmentShader: "#version 300 es\n" + document.getElementById( 'fragmentShader' ).textContent,
	transparent: true,
	side: THREE.DoubleSide
} );

var pmaterial = new THREE.RawShaderMaterial( {
	uniforms: { "time": { value: 0.0 } },
	vertexShader: "#version 300 es\n#define PICKING\n" + document.getElementById( 'vertexShader' ).textContent,
	fragmentShader: "#version 300 es\n#define PICKING\n" + document.getElementById( 'fragmentShader' ).textContent,
	uniformBlocks: [ vertexUniformBlock ],
	side: THREE.DoubleSide
} );

function onNexusLoad() {
	sceneBox.union(nexus_obj.geometry.boundingBox)
	var geometry = 	nexus_obj.geometry;
	redraw = true;
	nexus_obj.material = material;
	scene.name  = "scene";
	scene.add(nexus_obj);
	var pnexus_obj = new THREE.Mesh(nexus_obj.geometry);
	pnexus_obj.autoMaterial  = nexus_obj.autoMaterial;
	pnexus_obj.onAfterRender = nexus_obj.onAfterRender;
	pnexus_obj.material = pmaterial;
	pickingScene.add(pnexus_obj);
	pickingScene.name  = "pickingScene";
}

function pick(){
	var fb = gl.createFramebuffer();
	var read = new Float32Array(4);
	console.log(canvas_w, canvas_h);
	pickingRenderTarget = new THREE.WebGLRenderTarget( canvas_w, canvas_h, { autoClear: true, minFilter: THREE.LinearFilter, magFilter: THREE.NearestFilter, format: THREE.RGBAFormat, type: THREE.FloatType } );	
	renderer.render( pickingScene, camera, pickingRenderTarget );
	renderer.readRenderTargetPixels( pickingRenderTarget, mouse.x, canvas_h - mouse.y, 1, 1, read );
	console.log(read);
}