Three.js: Detectar si un punto está dentro de una caja

Guía para saber si un punto está dentro de una caja en Three.js: actualiza matrices, transforma el punto al espacio local con la inversa de matrixWorld y verifica el bounding box local con containsPoint

25 sept 2025 • 2 min de lectura • Equipo Q2BSTUDIO

Inteligencia-Artificial-

En Three.js un punto normalmente está en coordenadas del mundo. Para saber si ese punto está dentro de una caja conviene transformarlo al sistema de coordenadas local de la caja y comprobar sus coordenadas contra los límites locales de la geometría.

Pasos principales. Primero asegurarse de que las matrices del objeto están actualizadas con box.updateMatrixWorld true. Luego obtener la matriz inversa de la transformación mundial de la caja y usarla para convertir las coordenadas del punto desde el espacio mundial al espacio local de la caja. Ejemplo de código en Three.js: const inverseMatrix = new THREE.Matrix4().copy(box.matrixWorld).invert(); const localPoint = point.clone().applyMatrix4(inverseMatrix);

Una vez en espacio local, calcular o recuperar la caja límite de la geometría en local y comprobar si el punto está dentro: box.geometry.computeBoundingBox(); const bbox = box.geometry.boundingBox; const inside = bbox.containsPoint(localPoint); Si inside es true el punto está dentro de la caja.

Notas prácticas y recomendaciones. Si la caja es un Mesh asegúrate de usar geometry.computeBoundingBox para BufferGeometry. Si la caja tiene transformaciones anidadas o escalados no uniformes la transformación mediante la matriz inversa garantiza que la comparación se hace en las mismas unidades locales. Otra alternativa es usar un Box3 en coordenadas mundiales con box3.setFromObject y luego box3.containsPoint, aunque ese método puede ser más costoso si se llama muy frecuentemente.

Q2BSTUDIO es una empresa de desarrollo de software especializada en aplicaciones a medida y software a medida para proyectos 3D y visualización interactiva. Ofrecemos soluciones completas que integran inteligencia artificial e ia para empresas, agentes IA y servicios de despliegue en la nube. Si necesitas un proyecto de visualización 3D o una aplicación a medida podemos ayudarte con diseño, desarrollo y puesta en producción, visita nuestra página de desarrollo de aplicaciones y software a medida.

Además, en Q2BSTUDIO combinamos conocimientos en ciberseguridad y pentesting para proteger tus aplicaciones, implementamos servicios cloud aws y azure para escalabilidad y resistencia, y ofrecemos servicios inteligencia de negocio y power bi para extraer valor de tus datos. Si tu proyecto necesita integrar modelos de inteligencia artificial o agentes IA personalizados tenemos experiencia creando soluciones de ia para empresas y productivas, con acompañamiento en diseño, integración y operación.

Resumen rápido. 1 Actualiza matrices con box.updateMatrixWorld true. 2 Obtén la matriz inversa: const inverseMatrix = new THREE.Matrix4().copy(box.matrixWorld).invert(); 3 Transforma el punto: const localPoint = point.clone().applyMatrix4(inverseMatrix); 4 Calcula el bounding box local: box.geometry.computeBoundingBox(); 5 Comprueba con bbox.containsPoint(localPoint). Para despliegue y scaling te ayudamos con arquitectura en la nube, consulta nuestros servicios cloud aws y azure y soluciones de inteligencia de negocio usando power bi.

¿UNA PAUSA?

Juega un momento antes de irte

NUESTROS SERVICIOS

Cómo podemos ayudarte

Inteligencia artificial

Agentes de IA, chatbots y asistentes inteligentes que automatizan tareas y atienden a tus clientes 24/7 para mejorar la eficiencia de tu negocio.

Más info

Desarrollo de software

Aplicaciones web, móviles y de escritorio, intranets, e-commerce, SaaS y plataformas de gestión diseñadas para las necesidades concretas de tu empresa.

Más info

Servicios cloud

Migración, infraestructura, hosting gestionado, alta disponibilidad y seguridad en Microsoft Azure y Amazon Web Services para que tu negocio escale sin límites.

Más info

Ciberseguridad y pentesting

Auditorías de seguridad, test de intrusión (pentesting) y protección de aplicaciones, datos e infraestructura on-premise y cloud, con hacking ético y cumplimiento normativo.

Más info

Business Intelligence

Cuadros de mando y análisis de datos con Power BI: integramos tus fuentes, diseñamos dashboards y KPIs y convertimos tus datos en decisiones.

Más info

Automatización de procesos

Automatizamos tareas repetitivas y conectamos tus aplicaciones con n8n, Power Automate, Make y RPA, eliminando trabajo manual y aumentando la productividad.

Más info

Formación para empresas

Formamos a tus equipos en tecnología con criterio: desarrollo web, bases de datos, Git, buenas prácticas y seguridad, automatización con n8n, inteligencia artificial para empresas y creación de soluciones de IA con Azure AI Foundry.

Más info

Auditoría de código

Auditamos el código que creas tú, tu equipo o una IA: te decimos qué está bien y qué mejorar, lo securizamos y lo dejamos listo para producción, web o app.

Más info

Generación de imágenes con IA

Creamos por ti las imágenes que necesita tu negocio con inteligencia artificial: producto, redes, publicidad, ilustración y avatares. Tú nos dices qué quieres y te lo entregamos listo para usar.

Más info

Generación de vídeos con IA

Creamos por ti vídeos con inteligencia artificial: promocionales, para redes, presentadores virtuales, doblaje y animaciones. Nos cuentas la idea y te lo entregamos montado y listo para publicar.

Más info

Avatares conversacionales con IA

Creamos avatares conversacionales con IA —humanos digitales con cara y voz— que atienden a tus clientes y equipos con el conocimiento de tu empresa, en tu web, monitores interactivos, WhatsApp o Teams.

Más info

Marketing Online e IA

Google Ads, Meta Ads, LinkedIn Ads y posicionamiento en motores de IA (GEO/AEO): captamos clientes y hacemos que tu marca aparezca donde te buscan, también en ChatGPT, Gemini y Perplexity.

Más info

¿Tienes un proyecto en mente?

Cuéntanos tu visión y la convertimos en una solución de software. Sea cual sea el alcance, hacemos realidad tu idea.