CompletadoVideojuego
Experiencias Gamificadas 3D para Plataforma Educativa
Módulos interactivos en 3D bajo enfoque Mobile-First para más de 50,000 estudiantes activos.
Three.jsJavaScriptVue.js.NET MVCWebGL
Desafío Pedagógico
Diseño e implementación de experiencias pedagógicas interactivas para una plataforma de aprendizaje escolar en Centroamérica. El reto radicaba en renderizar entornos tridimensionales fluidos en dispositivos móviles de gama baja y media utilizados por estudiantes.
Decisiones Técnicas
- Renderizado 3D con Three.js: Optimización de mallas poligonales, iluminación precalculada (baked lights) y limitación estricta de llamadas de dibujado (draw calls) para asegurar 60 FPS en WebGL.
- Integración con Vue.js: Enlace bidireccional entre la escena gráfica y la interfaz reactiva de usuario (puntuaciones, retroalimentación formativa y temporizadores).
- Enfoque Mobile-First: Controles táctiles responsivos con detección de gestos intuitivos adaptados a niños y jóvenes.
Métricas y Adopción
Más de 50,000 estudiantes utilizaron las actividades interactivas, registrando un aumento del 35% en el tiempo de retención voluntaria en las sesiones de práctica.