Discussion :

[Miimmmii]

Salut tout le monde ,

voilà mon petit pb.

lorsque dans une fonction on a 2 setInterval imbriqué l'un dans l'autre, les temps se multiplient c'est ça?
J'ai un personnage qui se déplace en fonction des touches fléchées du clavier, ce personnage est appelé par un setInterval avec un temps de 200 ms.
Mon personnage tente de traverser la rivière, pour ça, il marche sur des rondins de bois qui se trouvent sur la rivière (ces mêmes rondins de bois se déplacent de 3px toutes les 1000/30 ms).

Je veux créer une fonction qui quand mon personnage se retrouve sur un rondin de bois, lui permet de se déplacer à la même vitesse que ces rondins de bois, et de ce fait que l'on ait l'impression qu'il est immobile sur le rondins de bois??

J'ai pensé à créer une fonction qui lorsque les conditions sont respectées, va faire avancer mon personnage de 3px et ceci avec un setInterval et un temps x = 1000/30 * 200.

Vu que les temps se multiplient???

Mais ça ne marche pas


Je ne sais pas si j'ai été clair, j’espère que si.



Merci pour vos précieuses réponses!

[SpaceFrog]

http://www.developpez.net/forums/d90...-dessin-anime/

[Miimmmii]

Merci pour ta réponse!

Je ne connais pas encore jquery, et en plus tout mon jeu est déjà mis en place, j'ai utilisé canvas, pas de div...

Mais je garde favoris ton exemple, ça me servira surement par la suite.

[SylvainPV]

Je te déconseille d'utiliser setInterval pour ce que tu souhaites faire.

Utilise plutôt requestAnimationFrame, qui fait en sorte de forcer le navigateur à afficher du mieux qu'il peut une animation à 60 fps ; ensuite pour tes déplacements d'objets tu peux gérer des valeurs numériques de vitesse propres à chaque objet. Si ton personnage est sur un rondin qui bouge, tu n'auras qu'à faire vitessePersonnage += vitesseRondin;

[sdamart]

salut,
Pour ma part le setInterval me semble un peu déprecier
il vaut mieux sont équivalant interopérable

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
var _timer=setTimeout(function(){mafonction();},1000);
function mafonction(){
//netoyer la memoire
clearTimeout(_timer)
//si l'animation n'est pas terminer avancer
if(!anim){
//ici l'animation
_timer=setTimeout(function(){mafonction();},1000)
}
}

C'est très important d'utiliser un clearTimeout avant de chercher à savoir si l'on sort de l'animation ou non car en cas d'erreur tu risque de boucler à l'infinie et de constater plus de 3M de fois la même erreur.

Bonne Chance

[Bovino]

Pour ma part le setInterval me semble un peu déprecier
il vaut mieux sont équivalant interopérable

Qu'est-ce que tu entends par là ?

Ni setTimeout() ni setInterval() n'est déprécié et les deux sont aussi compatibles l'un que l'autre... A moins bien sûr que ton navigateur favori ne soit IE4, mais dans ce cas, le problème ne vient pas du code !

[Kaamo]

Comme l'a fait remarquer SylvainPV, il vaut mieux utiliser requestAnimationFrame que setTimeout/setInterval. En effet, il permet d'optimiser les performances (CPU/GPU). Bien sûr, à utiliser avec un polyfill pour IE < 10 : requestAnimationFrame polyfill

Aussi, plutôt que de jouer avec position absolute top/left, il est conseillé d'utiliser tranform (CSS 2D) pour gérer l'animation. Pareil, meilleure optimisation (GPU/CPU), meilleur FPS etc