Newsletter Developpez.com

Inscrivez-vous gratuitement au Club pour recevoir
la newsletter hebdomadaire des développeurs et IT pro

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

Le , par vermine, Responsable JavaScript & AJAX
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.


Vous avez aimé cette actualité ? Alors partagez-la avec vos amis en cliquant sur les boutons ci-dessous :


 Poster une réponse

Avatar de earhater earhater - Membre confirmé 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
Avatar de rambc 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.
Offres d'emploi IT
RESPONSABLE WEB ANALYTICS F/H
VACALIANS GROUP - Languedoc Roussillon - SETE (34)
Développeur WEB PHP F/H
VACALIANS GROUP - Languedoc Roussillon - SETE (34)
Développeur Web FULL-STACK
VACALIANS GROUP - Languedoc Roussillon - SETE (34)

Voir plus d'offres Voir la carte des offres IT
Responsable bénévole de la rubrique JavaScript : Xavier Lecomte -