Variable Temporelle "Timer (minuteur)" dans Speedernet Sphere

Dans ce tutoriel, vous allez découvrir comment utiliser la variable temporelle “Timer (minuteur)".

Si vous avez déjà lu le tuto sur la variable temporelle "Stopwatch (chronomètre)", ce tuto et son expérience seront similaires à celui-ci. Le chronomètre sera utilisé pour mesurer une durée alors que le minuteur sera lui, présent pour définir une durée. 

Ce tutoriel présente un des cas d’usage de la variable Timer. Vous pouvez utiliser cette variable pour d'autres types de scénarios :

- Pour une formation, permets de donner un temps donné pour faire un exercice.

- Pour un jeu (escape game), fonctionne comme un sablier et donne le temps restant.

- Course contre la montre : utilisez le minuteur pour chronométrer le temps nécessaire pour terminer une tâche ou un défi dans un jeu, avec des récompenses pour les joueurs qui terminent dans les temps impartis.

- Missions à temps limité : utilisez le minuteur pour créer des missions à temps limité dans un jeu, où les joueurs doivent accomplir des tâches avant la fin du temps imparti pour gagner des récompenses.

 Afin de voir comment utiliser la variable temporelle timer, nous allons réaliser le scénario ci-dessous :

“Dans l’expérience, nous avons 4 images. Au clic sur l’image play, un décompte de 40 secondes se lance. À 30 secondes le premier smiley devient grisé. À 20 secondes l’autre le devient également. Puis, à 10 secondes le son “Musique” se déclenche sur la dernière image.”

Notez que les éléments image smiley possèdent 2 aspects.

Grandes étapes

Une fois que les éléments sont en place, voici les étapes à suivre :

• Créer une variable temporelle,
• Créer les interactions nécessaires pour changer la valeur de la variable,
• Définir la ou les conséquences à l’issue de changement de variable.
• Afficher la variable

Étape 1 : Ajouter une variable temporelle

Dans la colonne à gauche de l’écran, cliquez sur l’icône des variables  .

C’est dans cette fenêtre que vous ajouterez et paramétrerez la variable "Timer" de votre projet.

Dans cette fenêtre :

1. Ajoutez une variable temporelle : “Créer une variable”,
2. Choisissez le type de variable temporelle “Timer (Minuteur)",
3. Définissez la valeur par défaut de votre variable. Dans notre exemple, la valeur par défaut est “40s”.

Étape 2 : Définir les implications qui feront varier la variable

Dans le mode scénario, il va falloir créer une implication par élément relié à la variable “Temporelle”.

Rappelez-vous que dans notre exemple, nous avons plusieurs images qui doivent changer d'aspect après un certain temps et également une musique. Nous devons donc définir ce temps dans notre déclencheur. 

1. Ajoutez un déclencheur : “Variable”,
2. Choisissez votre variable temporelle “Timer (Minuteur)",
3. Choississez "égal à" pour définir à quel moment votre timer fera effet. Dans notre exemple "30s".

Étape 3 : Définir la conséquence de la complétion de la variable

Dans cette étape, il faut définir la ou les conséquences attendues à l’issue du changement de la variable.

Ajoutez une implication pour chaque conséquence attendue selon la valeur de la variable :

Pour ce scénario voici à quoi ressemblent toutes les implications :

Étape 4 : Afficher la Variable

Pour cette dernière étape, nous allons maintenant voir comment créer un affichage de votre variable "Minuteur". Cela peut vous servir pour un affichage lors de divers projets.

Exemple : Pour un escape game, vous aurez un affichage réel avec les secondes qui s'écoulent pour savoir combien de temps ils vous restent.

Dans un premier temps vous allez devoir ajouter un nouvel élément de texte dans votre projet.

Vous avez du précédemment, créer votre variable "Minuteur". Vous allez maintenant renommer cette variable au nom de Minuteur.

Une fois ceci fait, nous allons remplir notre texte du même nom que notre variable, soit "Minuteur". Celui-ci devra être entre deux accolades et ne comprendre aucun espace --> {Minuteur}.

Vous pouvez bien évidemment personnalisé le fond et la couleur de votre texte.

 

Pour que l'affichage marche correctement, il faudra que vous ayez une implication liée à cette variable.

Exemple : Dans ma scène une image s'y trouve, en cliquant dessus ma variable "Minuteur" se lance.

Notons tout de même que notre variable restera sous forme de texte, mais si nous lançons notre projet "jouer" notre variable se transformera sous forme d'un réel minuteur. Voici le résultat que vous obtiendrez. Les secondes s'écouleront comme si un vrai minuteur était réellement présent.

Partagez-nous les scénarios sur lesquels vous vous baserez avec ce type de variable et faites-nous part de vos commentaires !

À très bientôt pour le prochain tutoriel !

Je vous invite également à consulter les tutoriels suivant :

• Variable Nombre
• Variable Booléenne
• Variable Enumération
• Variable Stopwatch