« Raycaster » : différence entre les versions

De OSWiki
Aller à la navigation Aller à la recherche
Ligne 7 : Ligne 7 :
function onMouseMove( event ) {
function onMouseMove( event ) {


// Définition de la position de la souris dans des coordonnées normalisée du système
// Définition de la position de la souris dans des coordonnées normalisées du système
// (-1 à +1) pour les deux composantes
// (-1 à +1) pour les deux composantes



Version du 7 mars 2018 à 15:12

Cette classe est conçu pour faciliter le raycasting. Le raycasting est utilisé entre autres choses, pour détecter ce que la souris sélectionne (trouver les objets que la souris survole dans l'espace 3D).

Exemple

var raycaster = new THREE.Raycaster();
var mouse = new THREE.Vector2();

function onMouseMove( event ) {

	// Définition de la position de la souris dans des coordonnées normalisées du système
	// (-1 à +1) pour les deux composantes

	mouse.x = ( event.clientX / window.innerWidth ) * 2 - 1;
	mouse.y = - ( event.clientY / window.innerHeight ) * 2 + 1;

}

function render() {
	// mise à jour du rayon de sélection avec les positions de la caméra et de la souris 
 	raycaster.setFromCamera( mouse, camera );

	//définition des objets qui croisent le rayon de sélection
	var intersects = raycaster.intersectObjects( scene.children );

	for ( var i = 0; i < intersects.length; i++ ) {

		intersects[ i ].object.material.color.set( 0xff0000 );

	}
	renderer.render( scene, camera );

}

window.addEventListener( 'mousemove', onMouseMove, false );
window.requestAnimationFrame(render);

Constructeur

Propriétés

Méthodes