Comment déterminer si le point est dans la boîte (three.js)?

Question

Si nous avons une boîte non alignée sur les axes, comment pouvons-nous mieux vérifier si un point se trouve à l'intérieur? (J'utilise three.js, donc n'importe quel utilitaire à partir de là peut être utile .. Three.js contient le concept de la boîte englobante, mais c'est la boîte englobante alignée sur l'axe)

Answer 1

Si votre boîte est une TROIS.BoxGeometry pivotée, traduit et mis à l'échelle, vous pouvez utiliser la matrice de transformation m pour trouver si elle croise votre point v:

• transform v et la boîte par l'inverse de m
• vérifier si transformé v est à l'intérieur de la transformée boîte (qui est maintenant alignée sur l'axe)

Voici le code:

var box = <Your non-aligned box> 
var point = <Your point> 

box.geometry.computeBoundingBox(); // This is only necessary if not allready computed 
box.updateMatrixWorld(true); // This might be necessary if box is moved 

var boxMatrixInverse = new THREE.Matrix4().getInverse(box.matrixWorld); 

var inverseBox = box.clone(); 
var inversePoint = point.clone(); 

inverseBox.applyMatrix(boxMatrixInverse); 
inversePoint.applyMatrix4(boxMatrixInverse); 

var bb = new THREE.Box3().setFromObject(inverseBox); 

var isInside = bb.containsPoint(inversePoint); 

Et voici une démonstration en cours d'exécution: https://jsfiddle.net/holgerl/q0z979uy/