Raycast to boundingBox TextGeometry, а не сетка

Question

Я пытаюсь raycast to boundingBox в TextGeometry. В настоящее время raycasting работает для textGeometry, когда клик находится на буквах вокруг или между буквами. Если щелчок находится между текстовыми буквами/афаэлями, объект не пересекается с intersectObjects(). Мне нужен raycast, чтобы пересечь объект textGeo, когда щелчок находится между буквами.

я определяю TextGeometry как:

var textGeo = new THREE.TextGeometry(text, { 
        size: size, 
        height: 1, 
        font: 'helvetica' 
       }); 

textGeo.computeBoundingBox(); 
var textMaterial = new THREE.MeshBasicMaterial({ color: fontColor }); 
var textMesh = new THREE.Mesh(textGeo, textMaterial); 

После поиска решений, идя с BoundingBox казалось лучший подход. Проконсультируйтесь или укажите, как это может быть достигнуто. Любые идеи или советы о том, как это сделать? Или, если есть какой-либо доступный в настоящее время подход.

Как я могу сделать raycast пересекающимся рамкой?

Answer 1

1. Создайте ограничительную рамку своей геометрии и создайте геометрию для bbox.
2. Создайте THREE.Object3D и добавьте ограничение в качестве своего дочернего элемента (name the obbox)
3. Добавить обнуление в сцену.

Теперь, если вы пересекаете сцену, вы сначала получите объект OBbox, потому что он всегда будет ближе к началу луча.

Answer 2

Я нашел решение в самой папке Three.js. У них есть функция оптимизации в функции raycast для Mesh, которая смотрит на BoundingBox и BoundingSphere, чтобы понять, если луч выходит наружу, чтобы пропустить проверку на пересечение. Я перевернул его для своего дела:

var inverseMatrix = new THREE.Matrix4(), ray = new THREE.Ray(); 
//for example textGeo is the textGeometry 
inverseMatrix.getInverse(textGeo.matrixWorld); 
ray.copy(raycaster.ray).applyMatrix4(inverseMatrix); 

if(textGeo.geometry.boundingBox !== null){ 
    if(ray.isIntersectionBox(textGeo.geometry.boundingBox) === true){ 
     //intersected 
    } 
}