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-jsetmatter-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