Inicio / Blog / Cursos interactivos en 3D: así hicimos una formación técnica

Cursos interactivos en 3D: así hicimos una formación técnica

Cómo montamos un curso técnico sobre un modelo 3D: cortes en tiempo real, texto que señala cada pieza y evaluación sobre el modelo. Con la demo abierta.

Curso interactivo con un motor en corte y un hilo que une la palabra «segmentos» del texto con la pieza

En el Lab hemos montado un curso completo sobre cómo funciona un motor de cuatro tiempos. No es un vídeo ni una presentación: es un modelo 3D que se mueve como un motor de verdad, que se puede girar, cortar y abrir, y un texto que va señalando cada pieza mientras la explica. Ábrelo antes de seguir leyendo: se entiende mejor tocándolo.

Qué queríamos probar

La formación técnica suele separar el texto y la imagen: el manual por un lado y el plano por otro, y quien aprende salta entre los dos. Queríamos comprobar si se podía unir las dos cosas en una sola pantalla: que cuando la lección dice «biela», la biela se ilumine en el motor y un hilo una la palabra con la pieza.

El resultado son 14 lecciones en 5 módulos, con progreso guardado, y una evaluación final en la que algunas respuestas se dan señalando la pieza en el modelo.

Vista explosionada del motor con las piezas separadas y etiquetadas

Qué puede hacer quien aprende

  • Girar y acercarse al modelo con el ratón o con los dedos.
  • Ver por dentro: el modo corte abre el motor por la mitad y el de rayos X vuelve transparentes las carcasas.
  • Explosionar el motor para ver cómo se monta, pieza a pieza.
  • Pasar por las palabras subrayadas para localizar cada pieza en el modelo.
  • Tocar una pieza para ver su ficha, aislarla o saltar a la lección que la explica.

Cómo está hecho

Un modelo con piezas que se pueden nombrar

Cada pieza del motor tiene un nombre propio en el código: pistón, biela, cigüeñal, válvula de escape… Ese nombre es el que conecta todo. Una palabra del texto, una etiqueta del modelo, la ficha de la pieza y una pregunta de la evaluación apuntan al mismo sitio.

Movimiento con física real

Nada está animado a mano. A partir del giro del cigüeñal se calcula dónde está el pistón, cuánto se inclina la biela y cuándo abre cada válvula. Los árboles de levas giran a la mitad de velocidad, como en un motor de verdad, y en cada tiempo del ciclo la cámara de combustión cambia de color: mezcla fresca, compresión, explosión y gases de escape.

Tiempo de explosión con la chispa de la bujía y los gases calientes en la cámara

El corte

El modo corte divide el motor con un plano en tiempo real y pinta la sección con un rayado granate, como en un plano técnico. Así se ve el pistón dentro del cilindro sin perder la referencia de la carcasa.

El hilo

La línea que une el texto con la pieza se recalcula en cada fotograma: si giras el modelo, el hilo lo sigue. En el móvil, donde el texto queda debajo del modelo, la pieza se ilumina con un pulso en lugar de cruzar la pantalla con una línea.

El curso en el móvil: el modelo arriba y la lección debajo

Para qué sirve en una empresa

El motor es el ejemplo. El sistema funciona igual con cualquier producto que tenga piezas que explicar:

  • Formación de producto para equipos comerciales y distribuidores.
  • Servicio técnico: mantenimiento, montaje y recambios, sobre el modelo exacto.
  • Onboarding de personal en planta o en laboratorio.
  • Venta técnica: enseñar a un cliente por qué tu producto es como es.

Evaluación en la que la respuesta se da señalando la pieza en el modelo

¿Quieres un curso así con tu producto?

Hablemos →

Preguntas frecuentes

¿Qué es un curso interactivo en 3D?

Una formación en la que el contenido gira alrededor de un modelo 3D del producto: se puede girar, cortar y abrir, y el texto señala cada pieza en el modelo mientras la explica.

¿Se puede hacer con el modelo de mi producto?

Sí. Partimos del modelo que ya tengáis (CAD o Blender) o lo modelamos desde cero, lo preparamos para la web y nombramos cada pieza para enlazarla con las lecciones.

¿Funciona en el móvil?

Sí. Se dibuja en el navegador con WebGL, sin instalar nada, y se adapta a la pantalla: en el móvil, el modelo queda arriba y la lección debajo.

¿Hablamos de tu proyecto?

Hablemos →