Vidéo: Utilisez les lois de la physique, la gravité dans un jeu HTML5 avec le Framework Phaser 2025
Votre jeu HTML5 aura sans doute besoin d'une boucle for à un certain point. La boucle standard prend en compte les valeurs comprises entre 1 et 10. Le bouton Compter jusqu'à dix déclenche la fonction count (). Voici le code de count ():
function count () {output. innerHTML = "; pour (i = 1; i <= 10; i ++) {sortie. innerHTML + = i +"
";} // fin pour la boucle} // compte de fin
Bien que le nombre () La fonction affiche clairement dix lignes, elle n'a qu'une seule ligne qui modifie le div de sortie Le code principal se répète plusieurs fois pour créer la sortie longue
-
Vous pouvez utiliser la sortie var immédiatement.
Comme la sortie est une variable globale et qu'elle a déjà été créée, vous pouvez l'utiliser instantanément, il n'est pas nécessaire de l'initialiser dans la fonction
-
Effacer la sortie
Régler la sortie sur le vide string (") pour effacer la sortie.Ceci détruit tout texte qui est actuellement dans la div.
-
Démarrer une boucle for
La boucle for est une boucle spéciale utilisée pour répéter quelque chose un certain nombre de fois. trois composants: initialisation, comparaison et mise à jour
-
Initialiser votre variable de comptage
Une boucle for fonctionne en changeant plusieurs fois la valeur d'un entier. une boucle for initialise cette variable (souvent fr appelé i) à une valeur de départ (généralement zéro ou un).
-
Spécifiez une condition pour rester dans la boucle.
La deuxième partie d'une instruction for est une condition. Tant que la condition est vraie, la boucle continue. Dès que la condition est évaluée comme fausse, la boucle se termine.
-
Change la variable.
La troisième partie d'une instruction for modifie en quelque sorte la variable de comptage. La façon la plus courante de changer la variable est d'en ajouter une. La syntaxe i ++ est un raccourci pour "Ajouter un à i. "
-
Construire un bloc de code pour le code répété.
Utilisez les accolades et l'indentation pour indiquer le code qui se répète. Tout le code à l'intérieur des accolades se répète.
-
Dans la boucle, écrivez à la sortie.
A chaque itération de la boucle, ajoutez la valeur actuelle de i à innerHTML de la div de sortie. Ajoutez également une pause () pour améliorer la sortie. Lorsque vous ajoutez à une propriété innerHTML, vous écrivez du code HTML, donc si vous voulez que la sortie se produise sur des lignes différentes, vous devez écrire le code HTML pour que cela se produise.
-
Fermez la boucle.
N'oubliez pas de terminer la boucle, sinon votre programme ne fonctionnera pas correctement.
