Saltar al contenido Saltar a la navegación

Widget:Matter


Agrega modelos 3D interactivos que las personas pueden explorar directamente en la página.

TipoTutorial
Para quiénEditor general
NivelPrincipiante
EstadoVigente
Pertenece aAyuda:Guía para incrustar objetos
Leer antesAyuda:Cómo editar la Wiki
MantieneFauve Bellenger
Revisado2026-06-03


⚠️ Esta página está dirigida a usuarios avanzados con conocimientos de JavaScript. Si no estás familiarizado con programación, este widget puede no ser lo que necesitas.


¿Tienes dudas? Escríbenos a wiki@ead.cl y te ayudamos.


¿Qué hace este widget?

Al insertarlo en tu página, carga automáticamente la biblioteca Matter.js desde una CDN. Una vez cargada, puedes usarla en un bloque <script> dentro de la misma página para construir simulaciones físicas en 2D.

Incluye soporte para:

  • Cuerpos rígidos y colisiones
  • Gravedad y fuerzas
  • Restricciones y articulaciones
  • Integración con otras bibliotecas JavaScript compatibles

Cómo usarlo

Paso 1 — Inserta el widget en tu página:

{{#widget:Matter}}

Esto carga la versión 0.18.0 de Matter.js.

Paso 2 — Escribe tu simulación en un bloque script:

<script>
// Tu código Matter.js va aquí
var Engine = Matter.Engine,
    Render = Matter.Render,
    World = Matter.World,
    Bodies = Matter.Bodies;

var engine = Engine.create();
// ... continúa tu simulación
</script>

Recursos externos