HTML5 avec Construct2 et autres - Choix audio (concevoir)

Choix audio (concevoir)

Choix audio (maj 19/10/13) en construction !

Concevoir un choix audio en HTML5 avec Construct2

(cliquer pour jouer)

Tutoriel en 5 étapes :

1/ Il faut juste cliquer sur 1 image parmi 6 pour entendre le son qui lui correspond.

2/ Un choix entre 6 items.

3/ Affichage du score avec des étoiles.

4/ Bouton fermer.

5/ Tirage au sort par pseudo hasard.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

1/ Il faut juste cliquer sur 1 image parmi 6 pour entendre le son qui lui correspond.

Un seul mode : "Apprentissage".
Quand on clique sur 1 des 6 images (6 items) de 100 x 100 pixels nommées "item1-sheet0.png", "item2-sheet0.png", ..., "item6-sheet0.png" on entend un son "item1.ogg" (et "item1.m4a"), "item2.ogg" (et "item2.m4a"), ... , "item6.ogg" (et "item6.m4a").

- Le résultat en HTML5 créé par Construct2

- Le fichier Construct2 pour essayer et comprendre

2/ Un choix entre 6 items.
2 modes : le mode "Apprentissage" (le livre) du 1) et un 2è mode "Exercice" (le point d'interrogation)

On crée un tableau "array" avec les chaines de caractères "item1", "item2", etc. qui correspondent aux noms des fichiers son. Ça permettra de tirer les sons au sort avec la variable "tirage".

Pour éviter la cacophonie : Ne rejouer le son que quand il est entièrement lu !
Comme ci-dessus, quand on joue la consigne "ecouteBien" quand on touche l'image "oreille", il faut ajouter une autre condition et utiliser la fonction "Trigger once" :
-"Add an other condition" / "System" / "Trigger once"

- Le résultat en HTML5 créé par Construct2

- Le fichier Construct2 pour essayer et comprendre

- L'application zippée pour jouer hors-ligne.

Avec une tablette ou un smartPhone Android, si vous avez une ancienne version d'Android vous pouvez dézipper (extraire) votre application avec AndroZip, ou autre, installé depuis Google Play.

Exemple de raccourci vers le fichier "index.html" : file:///storage/emulated/0/choixA4/index.html

Dans la barre d'adresse de Firefox, un maintien long vous propose de poser sur l'écran d'accueil.

Note : Avec un iPad, pas de hors-ligne. Il faut passer par l'AppStore... ou être hébergé en ligne comme ici !
Autre solution beaucoup plus simple : Copier vos applications dans le "Dossier public" d'une Dropbox et partager les fichiers "index.html" pour jouer avec votre tablette favorite.

3/ Affichage du score avec des étoiles.

Des étoiles dorées pour des bonnes réponses et des étoiles vides pour les erreurs.

- Le résultat en HTML5 créé par Construct2

- Le fichier Construct2 pour essayer et comprendre

- L'application zippée pour jouer hors-ligne.

4/ Bouton fermer.

- Le résultat en HTML5 créé par Construct2

- Le fichier Construct2 pour essayer et comprendre

- L'application zippée pour jouer hors-ligne.

5/ Tirage au sort par pseudo hasard .

- Le résultat en HTML5 créé par Construct2

- Le fichier Construct2 pour essayer et comprendre

- L'application zippée pour jouer hors-ligne.

Date de création : 02/10/2013 @ 08:20
Dernière modification : 22/10/2013 @ 18:44
Catégorie : Choix audio
Page lue 1948 fois

Haut