Estoy tratando de recrear esta aplicación , y actualmente está funcionando ahora. Pero no puedo hacer clic perfectamente en la esquina del texto, siempre es necesario compensarlo.
https://jsfiddle.net/naonvl/ecdxfkbm/3/
en este momento, es difícil escalar el texto. Creo que getRealPosition no es correcto, por lo que el mouse X e Y tampoco son precisos.
¿Alguien sabe cómo arreglar esto?
El problema es que configuré getIntersects así
var getIntersects = function (point, objects) { mouse.set(point.x * 2 - 0.97, -(point.y * 2) + 0.97); raycaster.setFromCamera(mouse, camera); return raycaster.intersectObjects(objects); };compare con el ejemplo de three.js aquí https://threejs.org/examples/#webgl_raycast_texture
function getIntersects( point, objects ) { mouse.set( ( point.x * 2 ) - 1, - ( point.y * 2 ) + 1 ); raycaster.setFromCamera( mouse, camera ); return raycaster.intersectObjects( objects, false ); } Extraño calcular el mouse.set . Establecido allí, cambio el cálculo y modifico la posición X e Y del mouse agregando 3 a cada uno de ellos, y se transmitió perfectamente en el centro del puntero del mouse.