Contenu

Contrôle des images avec JavaScript Création d'une boucle de jeu

Boutons

Ce tutoriel se poursuit à partir de la leçon précédente, contrôle des images avec JavaScript. Il montre comment déplacer le cercle tout en appuyant sur les touches. Créer les cadres de contrôle avec tutoriel JavaScript.


Boutons 1

Nous aurons besoin suivre l'état de chaque bouton, ajouter ce script à 'Générales' dans les propriétés du film.



var LeftButtonPressed=false,RightButtonPressed=false;

Tourner 'Utilisez la version' pour les deux boutons. Cela permet à un nouvel événement appelé 'Sur la libération'. 'Sur clic' est appelé lorsque le bouton est enfoncé. 'Sur la libération' est appelé lorsque le bouton est relâché.


Boutons 3

Boutons 4

Supprimez le script en cours dans la 'Sur clic' des événements. Ajoutez le code suivant pour le 'Sur clic' et 'Sur la libération' événements des boutons.



LeftButtonPressed=true;


LeftButtonPressed=false;


RightButtonPressed=true;


RightButtonPressed=false;

L'état des deux boutons est maintenant suivi. Ajouter ce script à la 'Mise à jour' l'événement dans les propriétés du film. Le 'Mise à jour' événement est appelé chaque fois que les mises à jour de film, qui peuvent être plusieurs fois par seconde.



if(LeftButtonPressed){
BlueCircle
-=1;
}
if(RightButtonPressed){
BlueCircle
+=1;
}

Lorsque le bouton de gauche, par exemple, est maintenu enfoncée, la variable LeftButtonPressed est définie sur true. Lorsque cette valeur est true, la valeur de X du cercle diminue chaque fois 'Mise à jour' est appelée.


Play Jouer

Boutons 10

Contrôle des images avec JavaScript Création d'une boucle de jeu
Cette documentation a été traduite de l'anglais, à l'aide d'un traducteur en ligne. Nous nous excusons si vous trouvez des erreurs. Si vous souhaitez nous aider à apporter des corrections. Il y a un éditeur de la traduction en Hippani Animator (dans le menu aide). Nous donner les clés de licence libre à toute personne qui corrige plus de 100 phrases. S'il vous plaît nous contacter pour plus de détails.