Matter.js — Simulation physique 2D

Route : /tools/matter-js Accès : Authentifié Fichier source : src/pages/tools/MatterPage.vue

Description

Outil de génération et de simulation de scènes physiques 2D assistée par l’IA. L’utilisateur décrit une scène (ex. : “une balle qui rebondit sur des obstacles”) et l’IA génère le code Matter.js correspondant, rendu et animé en temps réel dans un canvas.

Actions disponibles

  • Décrire la scène physique souhaitée en langage naturel
  • Générer la simulation via l’IA et la voir s’animer en temps réel
  • Secouer la scène pour appliquer une force aléatoire aux corps
  • Ajouter des corps dynamiquement à la simulation
  • Réinitialiser la scène pour repartir de zéro
  • Télécharger une capture PNG de la simulation

Appels API

Méthode Endpoint Description
POST /tools/matter-js Génère le code Matter.js de la scène

Payload

{
  description: string;
}

Notes techniques

  • Utilise les bibliothèques matter-js et matter-attractors (npm)
  • Le code généré est exécuté côté client via eval() dans un contexte sandboxé
  • La boucle de rendu utilise requestAnimationFrame

Cytoscape.js | → Tableau de variation