Inicio / Lab / Curso interactivo en 3D: el motor de cuatro tiempos

Estable

Curso interactivo en 3D: el motor de cuatro tiempos

Un curso técnico sobre un modelo 3D que se gira, se corta y se abre. El texto señala cada pieza en el motor y la evaluación se responde tocándolo.

Curso interactivo con un motor en corte, el texto de la lección y un hilo que une la palabra «segmentos» con la piezaAbrir el experimento
Estado
Estable
Fecha
7 de octubre de 2026
Explora
3D interactivo · Formación técnica · Shaders · Animación
Hecho con
Three.js · React Three Fiber · React · Vite

Qué es

Un curso completo sobre cómo funciona un motor de cuatro tiempos, montado alrededor de un modelo 3D que se mueve como uno de verdad. Tiene 14 lecciones en 5 módulos, progreso guardado y una evaluación final.

La idea que queríamos probar: que el texto y el modelo hablen entre sí. Cuando la lección dice «biela», la biela se ilumina en el motor y un hilo granate une la palabra con la pieza.

Cómo se usa

  • Gira y acércate arrastrando o con la rueda del ratón (en el móvil, con los dedos).
  • Cambia la vista entre sólido, corte y rayos X, o explosiona el motor para verlo pieza a pieza.
  • Pasa el cursor por las palabras subrayadas del texto: te señalamos cada pieza en el modelo.
  • Toca cualquier pieza para ver su ficha, aislarla o ir a la lección que la explica.
  • Responde la evaluación: en algunas preguntas, la respuesta es señalar la pieza en el motor.

Vista explosionada del motor con las piezas separadas y etiquetadas

Qué explora

  • Corte en tiempo real: el motor se abre por la mitad y la sección se pinta con un rayado de plano técnico.
  • Animación con física real: pistón, biela, cigüeñal, levas y válvulas se mueven con la cinemática de un motor de verdad, sincronizados con el ciclo de cuatro tiempos.
  • Texto que señala el 3D: cada término del curso está enlazado a su pieza.

Vista de rayos X del motor con el cigüeñal resaltado y su ficha abierta

El mismo sistema sirve para cualquier producto con piezas que explicar: una máquina, un equipo técnico o un electrodoméstico.

¿Quieres algo así para tu marca?

Hablemos →

Todos los experimentos