Vidéo: Comment Créer Votre Propre Sous-Titre De N'importe Quelle Vidéo 2025
Souvent le passage du temps sera un élément dans vos jeux HTML5. Les jeux de course sont tous sur la vitesse, ou vous pouvez avoir une limite de temps pour effectuer une tâche. La bibliothèque simpleGame comprend un objet timer très pratique qui vous permet de gérer facilement le temps. L'objet Timer est créé comme n'importe quel autre objet JavaScript. Il a trois méthodes:
-
reset (): Cette fonction initialise la minuterie et lance le compteur de temps écoulé.
-
getCurrentTime (): Cette fonction renvoie l'heure actuelle du système au moment où elle est appelée. (Notez que l'heure est dans un format entier spécial et qu'elle ne sera pas reconnaissable par les lecteurs humains.)
-
getElapsedTime (): Renvoie le nombre de secondes depuis la création du timer ou la dernière réinitialisation (la plus récente).
En JavaScript et dans la plupart des autres langues, les informations de date et d'heure sont généralement stockées dans un format entier spécial. Le temps est en fait compté comme un nombre entier indiquant le nombre de millisecondes écoulées depuis le 1er janvier 1970 à minuit.
Bien que cela puisse sembler un schéma très compliqué, c'est en fait parfait pour votre usage parce que ce que vous voulez vraiment savoir, c'est combien de temps s'est écoulé entre deux événements. Si vous souhaitez obtenir la date et l'heure actuelles dans un format lisible par l'utilisateur, recherchez l'objet Date JavaScript.
Pour un exemple de timing, regardez timerDemo. html:
timerDemo var timer; sortie var; var jeu; Fonction init () {game = new Scène (); sortie = document. getElementById ("sortie"); timer = nouveau Timer (); minuterie. réinitialiser(); jeu. start ();} // fin de la fonction init update () { jeu. cacher(); currentTime = minuterie. getElapsedTime (); sortie. innerHTML = currentTime; } // fin de la fonction de mise à jour reset () { timer. réinitialiser(); } // réinitialisation de fin temporisation de réinitialisation vide
Cet exemple illustre un temporisateur simple. Il affiche le nombre de secondes pendant lesquelles la page a été exécutée. La minuterie peut être réinitialisée avec le bouton Reset (minutieusement nommé).
Ce programme est relativement simple, mais il illustre des idées très puissantes. Utilisez ce processus pour créer votre propre jeu sensible au temps:
-
Créez une variable pour le chronomètre.
Cela devrait devenir familier. Tous les éléments intéressants sont des objets, et la minuterie ne fait pas exception. Créer une variable appelée timer qui sera un objet de type Timer.
-
Réinitialiser la minuterie.
Assurez-vous que la minuterie commence à zéro.
-
Obtenez le temps écoulé dans chaque image.
Dans la fonction update (), appelez la méthode getElapsedTime () du temporisateur pour connaître le temps écoulé et copier cette valeur dans la zone de sortie.
-
Réinitialise la minuterie lorsque l'utilisateur appuie sur le bouton.
Lorsque l'utilisateur appuie sur le bouton de réinitialisation, appelez la méthode de réinitialisation () de la minuterie pour remettre le temps écoulé à zéro.
-
Masquer la scène principale.
Ce programme utilise la boucle principale de simpleGame, mais n'a pas vraiment besoin d'afficher la scène. Pour cette raison, l'objet Scene a une méthode hide (). Vous pouvez également afficher la scène plus tard avec sa méthode show ().
