4 réponses à ce sujet

[Monsieur Spi]

Bonjour tout le monde

C'est parti pour le huitième exercice, cette fois c'est le CASCADE et on met en avant la récursivité.

 cascade.jpg   37.39 Ko   3 téléchargement(s)

Le tuto Javascript : http://forums.mediab...xercice_cascade
Le tuto Actionscript : http://forums.mediab...rcice_-_cascade

Bonne lecture et comme d'hab, n'hésitez pas à me faire part de vos remarques, questions, conseils,...

[dchristov]

bonjour,je sais que ce poste date un peux mes je tante ma chance
intéressent fortement au développement des jeux
je suis tomber sur c'est quelque tuto fort intéressant mes voila
en adaptant ou essayant d'adapter le jeux a mes envie je me suis apercu d'un truc un peux bizarre
et je comprend pas de ou cela pourrait venir en effet ci je scroll la page ou ce trouve le canvas ben le jeu ce block
ci tu avais une idée elle serait la bienvenu

cordialement

[dchristov]

bonjour
je me permet de remonté car peux être que mon explication n'est pas très claire donc j'ai uploadé une démo pour que vous puissiez vous rendre compte par vous même
la demo
http://pandaokdo.clu...ascade/jeu.html

ci tu ne scroll pas tu clic sur jouer ça va marche mes des que tu va scrollé pour remonté le jeux impossible de cliker
et ci tu revient en position normal tu peux de nouveau clic

Merci par avance

[Monsieur Spi]

Bonjour,

Lorsque tu cliques sur le Canvas c'est cette fonction qui est exécutée :

// cliquer sur une case
function jouer(e){
        decouvre(parseInt((e.clientX-posX)/T)+parseInt((e.clientY-posY)/T)*C);
}
 

Quand tu scroll la page le Canvas n'est plus au même endroit par rapport à la zone visible, il faut donc compenser en prenant en compte la position du scroll.

Vérifies les valeurs avec la console du navigateur.

function jouer(e){
        console.log(e);
        console.log(e.clientY);
        console.log(posY);
        console.log(canvas.offsetTop);
        console.log(window.scrollY);
        decouvre(parseInt((e.clientX-posX)/T)+parseInt((e.clientY-posY)/T)*C);
}

Pour corriger ton problème, tu dois donc prendre en compte la position du scroll de la fenêtre quand on clique :

// cliquer sur une case
function jouer(e){
        decouvre(parseInt((e.clientX-posX)/T)+parseInt((e.clientY-posY+window.scrollY)/T)*C);
}

[dchristov]

bonjour,
merci bien pour l'explication on ne peux plus clair