Créer le jeu Snake en JavaScript ! (Canvas HTML)

[@Nah-temps]

Merci pour ton tuto, banger mec

[@aimebottello7929]

bonjours, merci pour la video, mais j'aurais une question, pour a 16:47 tu fais un "19*box" ligne 89, je voulais savoir pourquoi *19 merci d'avance

[@theostratcom4599]

La canvas fait 400 par 400, mais sachant que le serpent fait 20, il faut qu'il tape à 380 et pas à 400 pour éviter de sortir du canvas. Je sais pas si c'est très clair, mais j'espère que ça t'auras aidé.

[@chriszept5256]

C'est à quel moment du code que tu crées la fonctionnalité d'ajouter une box derrière le snake quand une nourriture est prise par le snake ? Car à la ligne 73 tu rajoutes juste un score++ ?

[@SamuelGarp]

Il faut comprendre deux choses : 1. snake.unshift(newHead) La méthode de manipulation de tableau "unshift" rajoute un élément au début du tableau cible, ici le tableau cible est le "snake" et le nouvel élément ajouter au début du tableau est "newHead" du coup le premier élément snake[0] vaut "newHead" et l'ancien premier élément devient le second à savoir snake[1], le 2ème devient le 3eme snake[2] etc... Cette ajout est fait à chaque "interval" du jeu donc toutes les 100ms ici. Et comprendre aussi aussi que : 2. snake.pop() Cette méthode de tableau permet de supprimer le tout dernier élément d'un tableau donc dans un tableau de longueur 5 (qui contient donc 5 éléments) cela supprime l'élément snake[4]. Là aussi cette suppression du dernier élément se produit à chaque "interval" de 100ms. Enfin dans la condition qui commence à la ligne 73, on remarque qu'il se produit soit une chose soit une autre : Si la condition est "fausse" (= si on ne mange pas de "food") alors on rentre dans le "else" et donc on fait le "snake.pop()" par contre si la condition est "vrai" (donc si on mange la "food") alors on NE fait PAS le "snake.pop()" et c'est là que le "snake" grandit car on ajoute TOUJOURS la nouvelle tête mais on retire le bout de la queue QUE si on NE mange PAS ! Est-ce plus clair pour toi comme ça ? :)

[@md-studs1302]

question bête peut être mais pourquoi c'est un .php ? un .js change quelque chose ?

[@ZenWorkLife]

Merci, j'ai mon doctrype d'un jeu, savez-vous maintenant comment je peux l'intégrer dans genially. Merci

[@Mbanlong237]

Moi mon serpent ne bouge pas Et ma console ne m'affiche aucune erreur 😰

[@Salfa_le_bg]

Moi aussi 🥲😊

[@HrvatskaFR]

Bonne vidéo, mais j'ai bcp de mal à faire entrer le JS dans ma tête ^^

[@polyvalent1149]

est ce que tu peut donner le nom de ton github

[@simsim_ytb7354]

salut on voit pas le bout de la ligne 6 tu pourrais me donner la fin stp j'en ai grave besoinnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn

[@ars6332]

ma question est con mais comment on affiche le tableau a gauche

[@blaiselegoat_officiel]

C'est le navig😂

[@nayzixlol]

@@blaiselegoat_officiel oui mais comment on fais pour avoir pareil ????

[@OmerLinks242]

Tu peux faire le jeu de construction de briques s’il te plaît 🙏 et

[@akdevyt]

C'est prévu ! ;-)