Hola a todos, tengo algunas preguntas con mi procedimiento sobre tres js con Raycaster. Agrego un plano a la escena y quiero dibujar un punto haciendo clic en el plano, pero el DOM no llena la pantalla.

Aquí está mi controlador de selección, usado en vue.js:

 const canvas = this.$refs.dreamview.getBoundingClientRect(); const pointer = new THREE.Vector2(); pointer.x =((event.clientX - canvas.left) /canvas.width) *2 1; pointer.y =-((event.clientY - canvas.top) /canvas.height) *2 +1; this.raycaster.setFromCamera(pointer, this.camera); const intersects = this.raycaster.intersectObjects(scene.children, false); let plane = intersects.find((e) => e.object.name === "plane");

Obtengo el conjunto de coordenadas usando el código anterior, pero el punto del plane.point es incorrecto, no entiendo qué salió mal;

Gracias a todos por cualquier consejo que puedan dar al respecto.