Vous êtes nouveau sur Developpez.com ? Créez votre compte ou connectez-vous afin de pouvoir participer !

Vous devez avoir un compte Developpez.com et être connecté pour pouvoir participer aux discussions.

Vous n'avez pas encore de compte Developpez.com ? Créez-en un en quelques instants, c'est entièrement gratuit !

Si vous disposez déjà d'un compte et qu'il est bien activé, connectez-vous à l'aide du formulaire ci-dessous.

Identifiez-vous
Identifiant
Mot de passe
Mot de passe oublié ?
Créer un compte

L'inscription est gratuite et ne vous prendra que quelques instants !

Je m'inscris !

Matter.js : un moteur 2D de manipulation et d'interaction de corps rigides
Conçu en HTML5 et JavaScript

Le , par vermine

18PARTAGES

5  0 
Matter.js : un moteur 2D de manipulation de corps rigides
Conçu en HTML5 et JavaScript


Matter.js est un moteur 2D physique stable et souple de manipulation et interaction de corps rigides pour les navigateurs. Conçu en HTML5 et JavaScript, il s'appuie sur divers algorithmes comme Verlet integration, la détection des grilles et des collisions (phases broad et mid AABB), la détection du sens et de l'orientation (SAT), des simulations physiques, etc.

D'autres outils du genre existent mais son auteur, Liam Brummitt, a écrit un code propre et facile à lire qui le démarque peut-être des autres. Son travail vient à l'origine d'une étude de la programmation des jeux.

En voici un aperçu :

Code javascript : Sélectionner tout
1
2
3
4
5
6
7
var Bodies = Matter.Bodies; 
var Engine = Matter.Engine; 
var engine = Engine.create(container, options); 
var World = Matter.World; 
  
World.addBody(engine.world, Bodies.rectangle(300, 180, 700, 20, { isStatic: true, angle: Math.PI * 0.06 })); 
World.addBody(enigne.world, Bodies.rectangle(300, 70, 40, 40, { friction: 0.001 }));

Ce moteur vous permet de jouer entre autres sur :

  • la masse ;
  • l'aire ;
  • la densité ;
  • la forme ;
  • l'élasticité ;
  • la résistance ;
  • la gravité ;
  • la mobilité ;
  • etc.


En tout cas, le résultat en vaut la peine. Jugez par vous-même sur la page de démonstrations que vous pouvez paramétrer : démonstrations de Matter.js.

Site officiel.

Source : d'après un article paru sur DailyJS.

Une erreur dans cette actualité ? Signalez-le nous !

Avatar de earhater
Membre éclairé https://www.developpez.com
Le 07/03/2014 à 16:15
Après avoir testé, c'est une très bonne librairie très simple d'utilisation, les performances sont très bonnes (ce qui faisait selon moi défaut à box2d.js). A tester
1  0 
Avatar de rambc
Membre expérimenté https://www.developpez.com
Le 08/03/2014 à 14:07
Bluffant de fluidité... Il manque juste des petits exemples de jeu comme par exemple un Donkey Kong des années 80.
0  0