Construyendo un globo terráqueo 3D para el rastreo de envíos con Gadget

Globo terráqueo 3D para rastreo de envíos con Gadget

14 may 2026 • 2 min de lectura • Equipo Q2BSTUDIO

Globo terráqueo 3D para rastreo de envíos con Gadget

Desarrollar aplicaciones dentro de entornos altamente restringidos, como el ecosistema de Shopify Shop Minis, representa un reto técnico fascinante que combina visualización 3D, backend serverless y manejo de datos en tiempo real. Un ejemplo concreto es la creación de un globo terráqueo interactivo para rastrear envíos, donde cada paquete se representa como un arco iluminado entre su origen y destino. La solución implica usar Three.js para renderizar la esfera y sus accidentes geográficos, pero con la limitación de que ciertas bibliotecas populares no están aprobadas en ese entorno cerrado, lo que obliga a implementar desde cero el mapeo de una imagen equirrectangular de la Tierra sobre una malla de puntos. El proceso consiste en convertir coordenadas geográficas a píxeles de la textura, detectar zonas de tierra firme usando umbrales de color y colocar puntos instanciados sobre esas posiciones. En paralelo, el backend gestiona la autenticación y el almacenamiento histórico de cada usuario. Aquí es donde plataformas como Gadget ofrecen un Node serverless con PostgreSQL, capaz de validar tokens de Shopify, crear sesiones seguras con JWT y orquestar llamadas a APIs externas como Ship24 para obtener datos de tracking y luego geocodificar las direcciones para convertirlas en coordenadas. Todo ese flujo se integra con el frontend para dibujar arcos animados sobre la esfera, usando curvas de círculo máximo con una elevación sinusoidal, tubos con shaders que revelan progresivamente el trazo y un sprite tipo cometa que marca la cabeza del arco. Este tipo de proyecto demuestra cómo la combinación de aplicaciones a medida con infraestructura moderna puede resolver problemas complejos de visualización y seguimiento. En Q2BSTUDIO aplicamos esta misma filosofía en cada solución que entregamos: desde desarrollos personalizados hasta integraciones con servicios cloud aws y azure, pasando por capas de inteligencia artificial y análisis de negocio. Por ejemplo, es posible enriquecer estos rastreadores con agentes IA que anticipen retrasos o con dashboards en power bi que monitoricen la cadena logística. La clave está en entender las restricciones del entorno objetivo —ya sea una mini app, una web o un sistema embebido— y diseñar una arquitectura que las aproveche sin sacrificar rendimiento. Así, aunque el núcleo visual se base en Three.js y Gadget, el valor real reside en la automatización de procesos, la ciberseguridad de los tokens y la capacidad de escalar sin fricción. Este caso de uso ilustra cómo un software a medida puede transformar una interfaz llamativa en una herramienta operativa, donde cada arco sobre el globo cuenta la historia de un envío real, conectando clientes con sus paquetes de forma inmediata y atractiva.

¿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.

Live Chat