Workshop y Stations
TeachFORGE.ai
Workshop / 3D Visualiser
3D Visualiser Station
Explora escenas Three.js — sólidos, vectores, superficies, sistemas de coordenadas y dinámica — y convierte una escena paramétrica en tantas versiones de clase como necesites.
La IA puede redactar un borrador. Tú decides qué ve la clase.
Qué es 3D Visualiser
3D Visualiser es una Station Three.js para escenas que necesitan profundidad. Explora sólidos, vectores, superficies, sistemas de coordenadas, topología y dinámica — con una cámara en tiempo real y deslizadores paramétricos — cuando un diagrama plano no basta.
Importa porque muchas ideas STEM viven en el espacio. Rota un sólido, morfinea una superficie u observa un campo vectorial — y luego habla de lo que el croquis 2D ocultaba.
Por qué los docentes usan 3D Visualiser
Sólidos y desarrollos
Poliedros, plegado de redes, secciones y espacio de coordenadas que el alumnado puede girar en las manos — digitalmente.
Vectores y álgebra lineal
Transformaciones, planos y vistas eigen que necesitan más que una figura de libro.
Superficies y campos
z = f(x, y), curvas espaciales, planos tangentes y campos vectoriales en movimiento.
Dinámica y forma
Atractores, L-systems, campos de dirección y deformaciones para ganchos avanzados.
En TeachForge, 3D Visualiser es una Station del Workshop — primero catálogo paramétrico, hecha para la enseñanza espacial en vivo.
Dentro de la 3D Visualiser Station
Como el resto del Workshop, abres un paquete, ajustas controles y ves el viewport responder.
- Seis pestañas — Solids, Vectors, Surfaces, Coords, Topology, Dynamics — con submodos de catálogo
- Deslizadores interactivos y Apply / Sync de JSON avanzado
- Controles de cámara — arrastra para rotar, shift-paneo, zoom con rueda, con recuperación tras pérdida de WebGL
- Import / Export JSON para paquetes de escena portables
- Captura de fotograma PNG para exportación y envío al Whiteboard como imagen
- Familias de formas incluidos poliedros, superficies, campos vectoriales, atractores, L-systems y curvas paramétricas
Cómo un paquete se convierte en una escena 3D
Abre un paquete del catálogo o pega JSON paramétrico
Empieza desde una escena lista para enseñar.
Ajusta deslizadores o Apply JSON
El viewport Three.js se vuelve a renderizar a medida que cambia la idea.
Captura, guarda o envíala en vivo
Exporta un fotograma PNG, conserva el JSON o envía la vista al Whiteboard.
Una escena. Todas sus versiones.
3D Visualiser está construido en torno a paquetes paramétricos: escenas de enseñanza impulsadas por controles — para que una superficie, un sólido o un campo se convierta en muchas versiones de clase sin reconstruir la configuración de cámara cada vez.
Cámbialo mientras enseñas
Retoca un parámetro, orbita la cámara y mantén la conversación en movimiento.
Mantén la estructura, varía la forma
La misma familia de paquetes puede alojar la superficie más difícil de mañana o un sólido más simple.
Adapta la sala en un solo paso
Donde los paquetes incluyen estilo por franja de edad, cambia el aspecto para la audiencia que tienes delante.
Mantente cerca de la evaluación
Guarda JSON y reutiliza escenas dentro de preguntas y labs; captura PNG cuando basta un fotograma fijo.
Las animaciones son para exploración en vivo; las exportaciones capturan el fotograma actual. ¿Prefieres un SVG matemático plano? Maths Visualiser sigue siendo el hermano 2D.
Escenas listas para empezar
Abre el catálogo y comienza con objetos listos para enseñar:
| Área | Qué puedes abrir |
|---|---|
| Solids | Polyhedra; Net fold; Sections; Coord space |
| Vectors | Vectors; Transforms; Planes; Eigen |
| Surfaces | Surface plot; Tangent plane; Space curves; Vector field |
| Coords & topology | Grid morph; Projections; Spherical; Classic; Minimal; Fractals; Deformation |
| Dynamics | Direction field; Attractors; Numerical; L-systems |
Ayuda de IA, a tu manera
¿Necesitas un primer borrador? Usa la IA como asistente — luego revisa, edita y aprueba antes de que llegue al alumnado.
Copiar el prompt
Genera un prompt listo y pégalo en la herramienta de chat que ya usas.
Usa tu propia GPU
Conecta un endpoint de modelo local en tu configuración y ejecuta la generación en hardware que controlas.
Usa tu propia clave API
Añade la clave de tu proveedor en la configuración, elige el modelo y genera con tu propia cuenta.
La IA puede equivocarse. Por eso exactamente un docente permanece en el circuito.
Lleva la escena a donde ocurre la enseñanza
- Whiteboard — colócalo en el pizarrón en vivo y ajústalo frente a la clase
- Quest Ladder — insértalo en preguntas y explicaciones
- Virtual Lab — reutilízalo dentro del trabajo interactivo de lab
- Comunidad — comparte lo que construiste y parte de lo que otros educadores compartieron