AR MindAR Studio Cursos WebAR con MindAR por IngCarlosReina

Ruta completa: básico, intermedio y avanzado

Aprende WebAR con MindAR desde cero hasta experiencias comerciales.

Empieza creando tu primera experiencia WebAR y avanza hacia proyectos multi-target, catálogos comerciales, analítica, formularios y publicación profesional con HTTPS.

Inscribirme ahora Ver programa
3 niveles
Básico, intermedio y avanzado
Actualizaciones
Contenido mejorado periódicamente
Proyectos reales
De primer target a catálogo comercial
MINDAR
targetFound tracking estable
MindAR A-Frame Three.js WebGL HTTPS GLB / GLTF

Ruta de aprendizaje

De cero a una experiencia WebAR publicable.

01

Entiende la arquitectura

Comprende cómo se reparten responsabilidades MindAR, A-Frame, Three.js y el navegador.

02

Configura bien desde el inicio

Prepara servidor local, HTTPS, estructura HTML y pruebas en móvil sin bloqueos de cámara.

03

Construye con tracking real

Compila objetivos, carga modelos 3D, ajusta escala y dispara eventos interactivos.

Contenido de los cursos

Una ruta completa para aprender WebAR con MindAR

Cada nivel tiene un objetivo distinto: el básico construye la base, el intermedio convierte el proyecto en una experiencia profesional multi-target y el avanzado lo lleva a un enfoque comercial con datos, analítica y publicación real.

01

Curso Básico

Para estudiantes que empiezan desde cero y quieren crear su primera experiencia WebAR completa con MindAR.

  1. Fundamentos de Realidad Aumentada, WebAR, MindAR, A-Frame y JavaScript.
  2. Instalación de Visual Studio Code.
  3. Instalación de Live Server.
  4. Conceptos básicos de HTML.
  5. Conceptos básicos de JavaScript.
  6. CSS básico para interfaz WebAR.
  7. Servidor local, Live Server, permisos de cámara y HTTPS.
  8. Creación de primera escena WebAR con MindAR.
  9. Compilación de imágenes target y generación de archivo .mind.
  10. Uso del compilador MindAR dentro del curso.
  11. Carga de modelos 3D GLB/GLTF.
  12. Visor de modelos 3D.
  13. Descarga de modelos de práctica.
  14. Uso de modelos con Draco y Meshopt.
  15. Colocar video sobre un target.
  16. Eventos targetFound y targetLost.
  17. Interactividad básica.
  18. Publicación con HTTPS.
  19. Checklist de errores comunes.
  20. Archivos descargables del curso.
  21. Mini evaluación final.
  22. Proyecto final básico.
Comprar básicoEntrar si ya compré
02

Curso Intermedio

Para crear experiencias WebAR mejor organizadas, con múltiples targets, contenido diferente por marcador y código acumulativo paso a paso.

  1. Estructura profesional de un proyecto WebAR.
  2. Separación de HTML, CSS y JavaScript.
  3. Proyecto modular.
  4. Configuración de targets y contenidos desde JavaScript.
  5. Uso de varios targets en un mismo archivo .mind.
  6. Compilador MindAR integrado.
  7. Tracking simultáneo con maxTrack: 2.
  8. Contenido diferente por target.
  9. Modelos 3D y videos en distintos marcadores.
  10. Eventos independientes por target.
  11. UI profesional sobre cámara.
  12. Animaciones GLB con animation-mixer.
  13. Control de escala, posición y rotación.
  14. Audio y video con buenas prácticas móviles.
  15. Optimización móvil.
  16. Publicación con HTTPS y QR.
  17. Código acumulativo paso a paso.
  18. Explicación línea por línea de bloques importantes.
  19. Template completo descargable.
  20. Proyecto final intermedio multi-target.
Comprar intermedioEntrar si ya compré
03

Curso Avanzado

Para convertir una experiencia WebAR en una pieza comercial con datos, UI dinámica, analítica, leads y despliegue profesional.

  1. Arquitectura comercial de un proyecto WebAR.
  2. Catálogo WebAR multi-target.
  3. Organización avanzada de carpetas.
  4. Datos dinámicos con data/products.js.
  5. Escena multi-target con maxTrack: 3.
  6. UI comercial dinámica.
  7. Conexión entre targets, datos y panel visual.
  8. Lógica central con Set, querySelectorAll y data-product-id.
  9. Analítica local con trackEvent.
  10. Eventos comerciales: target_found, target_lost, cta_click, lead_submit.
  11. Leads y llamadas a la acción.
  12. Formulario de captura de email.
  13. Contenido remoto y APIs.
  14. Rendimiento avanzado.
  15. Seguridad, privacidad y permisos.
  16. Publicación comercial con dominio, HTTPS, QR y versionado.
  17. Código explicado línea por línea.
  18. Compilador .mind integrado.
  19. Template avanzado descargable.
  20. Proyecto final avanzado tipo catálogo comercial WebAR.
Comprar avanzadoEntrar si ya compré

Valor adicional

Cursos vivos, no contenido abandonado

Los cursos se actualizan periódicamente para mejorar explicaciones, corregir detalles técnicos, agregar recursos, ampliar ejemplos y mantener la ruta alineada con cambios de navegador, MindAR, A-Frame, Three.js y buenas prácticas de publicación.

Mejoras de contenido

Nuevas explicaciones, ejemplos más claros y ajustes cuando detectamos dudas frecuentes de estudiantes.

Recursos nuevos

Plantillas, modelos, targets, checklists y herramientas que complementan los proyectos del curso.

Correcciones técnicas

Actualizaciones cuando cambian librerías, navegadores, permisos de cámara o flujos de publicación.

Más valor con el tiempo

Comprar el curso no es solo entrar hoy: también es recibir una ruta que se va puliendo y ampliando.

Acceso de estudiantes

¿Ya compraste un curso?

Ingresa al aula correspondiente con el código de acceso entregado después del pago o la verificación manual.

Comprar acceso

Elige el nivel que necesitas

Pago automático con Stripe/tarjeta. También puedes pagar por PayPal o Nequi y enviar captura por WhatsApp para verificación manual.

Curso básico

USD $5

Ideal para empezar desde cero y construir tu primera experiencia WebAR funcional con MindAR.

  • Fundamentos de AR, WebAR, MindAR, A-Frame y JavaScript.
  • Instalación de VS Code, Live Server y entorno local.
  • Compilador .mind, modelos 3D, video, eventos e interactividad.
  • Proyecto final básico y archivos descargables.
  • Acceso solo al curso básico.

Curso intermedio

USD $8

Para crear proyectos WebAR más profesionales con estructura modular, múltiples targets y contenido por marcador.

  • Separación profesional de HTML, CSS y JavaScript.
  • Varios targets en un mismo .mind y tracking simultáneo.
  • Modelos, videos, UI sobre cámara, audio y animaciones GLB.
  • Código acumulativo explicado paso a paso.
  • Incluye acceso al básico + intermedio.

Curso avanzado

USD $10

Para construir experiencias comerciales tipo catálogo WebAR con datos dinámicos, analítica y captación de leads.

  • Arquitectura comercial y catálogo WebAR multi-target.
  • Datos dinámicos, UI comercial, eventos y analítica local.
  • Leads, formularios, APIs, rendimiento y privacidad.
  • Template avanzado y proyecto final comercial.
  • Incluye acceso a básico + intermedio + avanzado.

Preguntas frecuentes

Antes de inscribirte

¿Necesito saber Three.js antes de iniciar?

No. El curso explica la relación entre Three.js y A-Frame para que puedas usarlo de forma práctica desde el primer proyecto.

¿Por qué se habla tanto de HTTPS?

Porque los navegadores móviles bloquean el acceso a la cámara en contextos inseguros. El curso enseña cómo probar localmente y publicar sin ese problema.

¿El curso sirve para crear experiencias comerciales?

Sí. La ruta está pensada para avanzar desde una primera experiencia básica hasta proyectos comerciales con multi-target, datos, analítica y formularios en el nivel avanzado.

¿Los cursos se actualizan después de comprarlos?

Sí. Los cursos se mejoran periódicamente con nuevas explicaciones, recursos descargables, correcciones técnicas y ajustes según cambios de navegadores o librerías.

¿Cómo funciona el acceso si compro intermedio o avanzado?

El curso básico desbloquea solo básico. El intermedio desbloquea básico + intermedio. El avanzado desbloquea los tres niveles.