Touches directionnelles provoque un défilement de le page!

Bonsoir tout le monde ! =)

Je viens vous voir pour un petit soucis technique, qui est en soit pas méchant, mais qui est un peu embêtant pour les joueurs utilisant les touches directionnels du clavier pour jouer à un jeu.

En effet, dans mon petit en HTML5, que j'ai hébergé dans Itch.io, lorsque le joueur utilise les touches directionnels pour se déplacer, comme la touche du bas par exemple, et bien la page web se défile vers le bas, comme avec la molette de la souris !

Et donc on voit plus le jeu vu qu'on descend dans la page !

Alors pour parer à ce soucis, j'ai mis en place une possibilité pour jouer en ZQSD ! Et du coup pas de soucis de défilement !

Mais pas mal de joueurs n'aiment pas trop cette configuration, et aimerai bien jouer avec les touches directionnels sans que la page se défile.

Avais-vous une idée de comment je peut réglé ce problème ? Étant donné que le soucis ne se trouve pas dans la programmation de mon application, mais plutôt du navigateur qui ne met pas un focus totale sur le jeu ?

(pour se faire une idée du soucis, voici le lien de mon jeu : https://valloche23.itch.io/rwby-jaune-valentine-day)

J'ai eu le même soucis pour un jeu HTML5. Pour éviter ce soucis, plutôt que de remplacer les touches, j'ai juste réduit le contenu de la page au jeu lui-même. Si ça défile vers le bas, c'est qu'il y a quelque chose. Toute la description de ton jeu devrait être sur une page précédente renvoyant à ton jeu (qui lui serait seul, du coup). Après, s'il y a une solution efficace (garder les touches + avoir une page riche en contenu), je suis preneur moi-aussi  :)

Le soucis, c'est que le contenu de la page est nativement grande, et je ne peut rien y faire, étant donné qu'il n'est pas héberger sur mon site web personnel, mais sur un portail de jeu !

Du coup, je ne peut pas réduire suffisamment le contenu de la page jusqu'à ce qu'il n'y ai plus de barre de défilement ! :/

Passer le jeu en plein ecran?
Je vois que ca.
Sinon regarde du coté javascript si un blocage est possible

https://openclassrooms.com/forum/sujet/desactiver-le-scroll-auto-avec-les-fleches

Salut salut,

Ajoutes ça dans ton fichier html pour désactiver les touches de directions et espace sur la page.
window.addEventListener("keydown", function(e) {
// space and arrow keys
if([32, 37, 38, 39, 40].indexOf(e.keyCode) > -1) {
e.preventDefault();
}
}, false);

J'ai cru comprendre qu'il n'avait pas la main sur le code de la page qui héberge le jeu ...
Il faudrait donc un système qui fasse que sitôt que le joueur clique sur la section du jeu dans la page, ce dernier conserve constamment le focus.

Peu importe, ça marche quand même. J’avais un jeu sur itch.io et ça marchait.

Je teste ça tout de suite Seyjin ! =)

Alors bizarrement, ça ne marche pas chez moi ! :/

Je suis allez dans la page du jeu, et j'ai en effet remarqué qu'on pouvais y insérer du code HTML ! Alors j'ai copier / coller le code que tu m'as donné, mais ça ne fait rien !



J'ai tenté de le coller ton morceau de code au début, comme à la fin du code globale, mais rien n'y fait ! On peut toujours défiler avec les touches du clavier !

Est-ce que ça bug car je dois mettre le morceau du code dans un endroit précis ?

Il faut mettre ça dans ton index.html, pas sur la page itch