Création de plates-formes en HTML5 Canvas, Moving Ball

Question

Je suis novice en matière de toile et j'ai une connaissance élémentaire de Javascript. Je développe un jeu (apparemment) simple dans lequel une balle roule du haut à gauche de l'écran le long d'une plate-forme. La balle doit donc être soumise à une sorte de physique (je suppose) pour que non seulement elle bouge de droite à gauche, mais qu'elle ait aussi la gravité et la capacité de tomber de la plate-forme.

Je ne suis pas sûr de savoir comment réaliser les plates-formes ni la physique de la balle. Je me rends compte que c'est une question extrêmement générale - et je ne demande pas à quelqu'un de programmer cela pour moi - mais je pensais juste que je fouinerais un peu et que je pourrais voir si quelqu'un peut me donner une bonne poussée dans la bonne direction. Je suis un peu perdu ici.

Toute aide serait appréciée!

Answer 1

Jetez un oeil à Box2DJS qui est un moteur de physique JavaScript pour le canevas. C'est un portage d'un moteur physique C++ très populaire appelé Box2D (plus précisément, c'est un port de la version ActionScript 3.0 qui est elle-même un port de l'original).

Il existe une tonne de ressources pour la version d'ActionScript 3.0 qui pourraient vous être utiles car la syntaxe JavaScript et la syntaxe ActionScript sont essentiellement les mêmes. Il y a aussi quelques démos pour la version JavaScript. Ce hello world demo a probablement tout ce dont vous avez besoin pour commencer (clic droit pour voir la source).