SlideShare ist ein Scribd-Unternehmen logo
1 von 10
Box2dWeb 
-Réalisé par : 
Alioui YOUNES 
Sous la demande de Mr = Maache Salah 
30/08/2014 
Université Med Bachir Ibrahimi 
Faculté Mathématique et Informatique 
Département Informatique 
Option : Décisionnelle 
Année : Master1
Box2dWeb 
**************1er Partie:***************** 
• - Moteur physique? 
• - Box2d? 
• - Caractéristiques? 
• - Interface avec le programme principal? 
• - Exemple 
***************2eme Partie:******************* 
Réalisation d’un jeu avec html5 et javascript. 
30/08/2014
Moteur physique 
• Un moteur physique est, en informatique, une 
Bibliothèque logicielle indépendante appliquée 
à la résolution de problèmes de la mécanique 
classique. Les résolutions typiques sont les 
collusions , la chute des corps, les forces, la 
cinétique, etc. Les moteurs physiques sont 
principalement utilisés dans des simulations 
scientifiques et dans les jeux vidéo . 
30/08/2014
Moteur physique 
• On peut les classer en deux catégories selon 
leur licence : les moteurs libres et les moteurs 
propriétaires. 
• Libres : 2D , 3D 
• Propriétaires : Euphoria 
30/08/2014
Box2d 
• Box2D est une bibliothèque logicielle libre de 
moteur physique 2D utilisée pour la 
réalisation de jeux ou d'applications. 
Initialement écrite en C++, elle a été portée 
vers de nombreux autres langages, tels que 
Java (JBox2d), ActionScript (Box2dFlash) et 
JavaScript (Box2dJS). 
La version qui nous intéresse est Box2dWeb, 
qui est en fait un portage de Box2dFlash vers 
JavaScript. 
30/08/2014
Caractéristiques 
• Box2D simule un système de corps rigides sur 
un plan. 
• Physiquement, un corps rigide peut être 
simulé par un point (le centre de gravité) avec 
une position, un angle, une vitesse et une 
rotation, auquel on applique des forces et des 
impulsions (contacts, …). 
• Des contraintes peuvent exister entre ces 
corps, pour représenter une liaison (un pivot, 
un coulissement… éventuellement avec une 
résistance ou une force motrice) ou un contact 
temporaire. 
30/08/2014
Caractéristiques 
• Afin de calculer les contacts entre ces corps, Box2D 
fournit un détecteur de collision. Chaque corps 
simulé peut avoir une forme, limité soit à un 
assemblage de cercles, de polygones convexes 
(triangle, rectangle…) ou de formes définies par 
l'utilisateur. En cas de collision on peut alors ajouter 
des contacts entre les corps et aussi préciser des 
frottements, une élasticité… 
• La forme d'un corps peut également servir à calculer 
la masse et le moment d'inertie du corps rigide. 
30/08/2014
Interface avec le programme principal 
• Comme de nombreux moteur physique, Box2D 
est appelé pour effectuer une simulation sur un 
certain laps de temps. Le programme principal 
peut alors se servir des coordonnées et angles 
calculés pour afficher les objets à l'écran. 
Ensuite le programme principal rajoute ou retire 
des objets, des forces et des contacts (par 
exemple sur une collision détectée et sur des 
actions de l'utilisateur), rappelle le moteur et 
ainsi de suite. 
30/08/2014
Exemple 
• Box2D est utilisé par Angry Birds ( remporté 
un large succèe dans le monde ) 
30/08/2014
Merci 
30/08/2014

Weitere ähnliche Inhalte

Andere mochten auch

La gestion-de-conflit-prof
La gestion-de-conflit-profLa gestion-de-conflit-prof
La gestion-de-conflit-profAHMED ENNAJI
 
ennaji ahmed base de donnees
ennaji ahmed base de donneesennaji ahmed base de donnees
ennaji ahmed base de donneesAHMED ENNAJI
 
Atelier scenario
Atelier   scenarioAtelier   scenario
Atelier scenarioAlbu33
 
Chapitre projection pour tronc commun bac international marocain
Chapitre projection pour tronc commun bac international marocainChapitre projection pour tronc commun bac international marocain
Chapitre projection pour tronc commun bac international marocainAHMED ENNAJI
 
Optimisation SEO
Optimisation SEOOptimisation SEO
Optimisation SEOohmyweb!
 
Performances numériques: Affiliation
Performances numériques: AffiliationPerformances numériques: Affiliation
Performances numériques: Affiliationohmyweb!
 
Mesure de la performance e-marketing
Mesure de la performance e-marketingMesure de la performance e-marketing
Mesure de la performance e-marketingohmyweb!
 
Sources de trafic site internet
Sources de trafic site internetSources de trafic site internet
Sources de trafic site internetohmyweb!
 

Andere mochten auch (9)

Cloud Computing
Cloud Computing Cloud Computing
Cloud Computing
 
La gestion-de-conflit-prof
La gestion-de-conflit-profLa gestion-de-conflit-prof
La gestion-de-conflit-prof
 
ennaji ahmed base de donnees
ennaji ahmed base de donneesennaji ahmed base de donnees
ennaji ahmed base de donnees
 
Atelier scenario
Atelier   scenarioAtelier   scenario
Atelier scenario
 
Chapitre projection pour tronc commun bac international marocain
Chapitre projection pour tronc commun bac international marocainChapitre projection pour tronc commun bac international marocain
Chapitre projection pour tronc commun bac international marocain
 
Optimisation SEO
Optimisation SEOOptimisation SEO
Optimisation SEO
 
Performances numériques: Affiliation
Performances numériques: AffiliationPerformances numériques: Affiliation
Performances numériques: Affiliation
 
Mesure de la performance e-marketing
Mesure de la performance e-marketingMesure de la performance e-marketing
Mesure de la performance e-marketing
 
Sources de trafic site internet
Sources de trafic site internetSources de trafic site internet
Sources de trafic site internet
 

Box2d

  • 1. Box2dWeb -Réalisé par : Alioui YOUNES Sous la demande de Mr = Maache Salah 30/08/2014 Université Med Bachir Ibrahimi Faculté Mathématique et Informatique Département Informatique Option : Décisionnelle Année : Master1
  • 2. Box2dWeb **************1er Partie:***************** • - Moteur physique? • - Box2d? • - Caractéristiques? • - Interface avec le programme principal? • - Exemple ***************2eme Partie:******************* Réalisation d’un jeu avec html5 et javascript. 30/08/2014
  • 3. Moteur physique • Un moteur physique est, en informatique, une Bibliothèque logicielle indépendante appliquée à la résolution de problèmes de la mécanique classique. Les résolutions typiques sont les collusions , la chute des corps, les forces, la cinétique, etc. Les moteurs physiques sont principalement utilisés dans des simulations scientifiques et dans les jeux vidéo . 30/08/2014
  • 4. Moteur physique • On peut les classer en deux catégories selon leur licence : les moteurs libres et les moteurs propriétaires. • Libres : 2D , 3D • Propriétaires : Euphoria 30/08/2014
  • 5. Box2d • Box2D est une bibliothèque logicielle libre de moteur physique 2D utilisée pour la réalisation de jeux ou d'applications. Initialement écrite en C++, elle a été portée vers de nombreux autres langages, tels que Java (JBox2d), ActionScript (Box2dFlash) et JavaScript (Box2dJS). La version qui nous intéresse est Box2dWeb, qui est en fait un portage de Box2dFlash vers JavaScript. 30/08/2014
  • 6. Caractéristiques • Box2D simule un système de corps rigides sur un plan. • Physiquement, un corps rigide peut être simulé par un point (le centre de gravité) avec une position, un angle, une vitesse et une rotation, auquel on applique des forces et des impulsions (contacts, …). • Des contraintes peuvent exister entre ces corps, pour représenter une liaison (un pivot, un coulissement… éventuellement avec une résistance ou une force motrice) ou un contact temporaire. 30/08/2014
  • 7. Caractéristiques • Afin de calculer les contacts entre ces corps, Box2D fournit un détecteur de collision. Chaque corps simulé peut avoir une forme, limité soit à un assemblage de cercles, de polygones convexes (triangle, rectangle…) ou de formes définies par l'utilisateur. En cas de collision on peut alors ajouter des contacts entre les corps et aussi préciser des frottements, une élasticité… • La forme d'un corps peut également servir à calculer la masse et le moment d'inertie du corps rigide. 30/08/2014
  • 8. Interface avec le programme principal • Comme de nombreux moteur physique, Box2D est appelé pour effectuer une simulation sur un certain laps de temps. Le programme principal peut alors se servir des coordonnées et angles calculés pour afficher les objets à l'écran. Ensuite le programme principal rajoute ou retire des objets, des forces et des contacts (par exemple sur une collision détectée et sur des actions de l'utilisateur), rappelle le moteur et ainsi de suite. 30/08/2014
  • 9. Exemple • Box2D est utilisé par Angry Birds ( remporté un large succèe dans le monde ) 30/08/2014