Raycaster do not stays in center when i am updating camera

Questions
,
1

Hello, guys i have a problem with Raycasting and i couldn’t find solution so far.

What i am trying to archieve is that, i want Raycaster to stay always in center, like when i move my camera and look other direction i want Raycaster to stay in center and update please help me.

I am using FirstPersonControls, This is the code i have with raycasting

var raycaster = new THREE.Raycaster();
var arrow = new THREE.ArrowHelper( raycaster.ray.direction, raycaster.ray.origin, 100, Math.random() * 0xffffff );
scene.add( arrow );
var intersects;
function sec(){
 requestAnimationFrame(sec);
	var directionVector = new THREE.Vector3();
        var positionVector = new THREE.Vector3();
	var b = camera.getWorldDirection(directionVector);
	var c = camera.getWorldPosition(positionVector);

	raycaster.setFromCamera( b,camera );
				
	arrow.position.copy(camera.position);
	arrow.setDirection(raycaster.ray.direction);

	intersects = raycaster.intersectObjects( scene.children );
	if(intersects.length>0){
	    intersects[0].object.material.color.set( 0xff0000 );
	  }
        else if(intersects.length<1 && casted){
		for(var i=0; i<arr.length; i++){
		     arr[i].material.color.set( 0x8f8f8f );
		}
	}
	camera.updateProjectionMatrix();
	camera.updateMatrixWorld();	
}
2

The first parameter of setFromCamera() is supposed to be mouse coordinate 2D vector which is not true in your app. Try to use this code instead:

raycaster.set( positionVector, directionVector );

Besides, it’s not necessary to recompute the projection matrix per animation step unless you change camera properties like near, far or fov. Also declare directionVector and positionVector outside of your animation loop and reuse both objects. The variables b and c are not necessary, too.

3 
		function sec(){
			requestAnimationFrame(sec);

			var dir = camera.getWorldDirection(directionVector);
			var pos = camera.getWorldPosition(positionVector);
			
			raycaster.set(dir,pos);	

			arrow.setDirection(raycaster.ray.direction);
			intersects = raycaster.intersectObjects( scene.children );

			if(intersects.length>0){
				intersects[i].object.material.color.set( 0xff0000 );
				casted = true;
			}
			else if(intersects.length<1 && casted){
				for(var i=0; i<arr.length; i++){
					arr[i].material.color.set( 0x8f8f8f );
				}
			}	
		}

I tried this but now intersection doesn’t happen. have no idea why.

4

Does it make any difference if you change the call to:

intersects = raycaster.intersectObjects( scene.children, true );
5

unfortunately no.

6

Well sorry for not updating you. The solution for me was to declare raycaster in each frame and normilize direction

        dir = camera.getWorldDirection( directionVector );
		pos = camera.getWorldPosition( positionVector);	
		var raycaster = new THREE.Raycaster( pos, dir.normalize() );	
		var intersects = raycaster.intersectObjects( scene.children );

		if( intersects.length>0 ){
			itr++;
			opacity += (1-0.6)/100;
			center.style.opacity = 0.6 + opacity;
			if( itr > 30 ){
				intersects[0].object.material.color.set( 0xff0000 );
				intersects[0].object.material.color.getHSL( colorHSL )
				alpha += 0.01;
				l = Math.abs( Math.cos( alpha ));
				intersects[0].object.material.color.setHSL( colorHSL.h, colorHSL.s, l );
				waiting = false;
			}
		}		
		else if( !waiting ){
			itr = 0;
			opacity = 0;
			center.style.opacity = 0.6;

			for( var i=0; i<arr.length; i++){
				arr[i].material.color.set( 0xaaafff);
			}	
			waiting = true;
		}	
	}

	castRay();