Bonjour à tous
en ce moment j'essai de faire un petit "jeu" en javascript avec html 5 et les balises canvas pour les formes

Pour l'instant j'ai reussi à faire un petit rond qui se déplace en fonction des 4 touches directionnelles du clavier.

Mais voila je n'arrive pas à faire bouger mon ptit rond en diagonale lorsque j'appuie par exemples sur "haut" et "droite"

Je sais qu'il faut utiliser une technique avec les évènement keypress mais je ne sais pas comment faire.

J'ai un autre "petit" problème, quand je bouge mon rond avec la touche "droite" par exemple et que d'un coup je veuille allez à gauche il y a un moment d'arret, c'est pas instinctif comme dans un fps par exemple.
Est-il possible de résoudre ça en javascript?

Voila j'vous remercie des futures réponses (si il y en a )

Pour les jeux en général il vaut mieux faire un code qui sauvegarde l'état des touches (cherches "key poll" sur google).
Pour aller en diagonale le plus simple est d'utiliser des vecteurs.

Exemple :

var position = new Vector2(); // position du perso
var speed = 10; // vitesse du perso
var keyboard = new KeyPoll();
...
var direction = new Vector2(0,0);
direction.x = keyboard.isDown(Keys.RIGHT) - keyboard.isDown(Keys.LEFT);
direction.y = keyboard.isDown(Keys.UP) - keyboard.isDown(Keys.DOWN);
// on normalize la direction pour que la magnitude du vecteur soit de 1 (autrement le perso ira plus vite en diagonale ! )
direction.normalize();
// velocité = direction * vitesse
var velocity = direction.clone();
velocity.scale(speed);
// nouvelle position = position actuelle + velocité
var newPosition = position.clone();
newPosition.add(velocity);

Enfin pour ton problème ca doit venir à une mauvaise gestion des énervements du clavier. Avec un key polling correctement implémenté le problème se posera pas.

NB : les classes Vector2, KeyPoll, et Keys ne sont évidement pas standards. Mais encore une fois tu devrais pas avoir trop de mal à trouver des implémentations en js...

PS : Tu peux aussi te baser sur le temps écoulé pour déterminer la vitesse du perso au lieu d'être dépendant du nombre de cycle/sec de ton jeu. (Cf "time-based animation" dans google).

merci pour le réponse
Je débute en java alors je ne sais pas comment on implémente le key polling, et en recherchant sur google je ne trouve pas grand chose qui peut m'aider
As tu un lien vers une page qui explique un peu ce que c'est et surtout comment l'implémenter ?
en fait il faut rajouter les classes Vector2 et keypoll au js c'est bien ça?

http://www.klaasjanhorlings.nl/article/2/Simulate-Flash-8s-Keyboard.isDown-in-Javascript

merci