HTML5 avec Construct2 et autres

Concevoir

Consignes (maj 18/01/14)

Concevoir un travail sur les consignes en HTML5 avec Construct2

Objectif : Déplacer des objets en respectant des consignes orales. (glisser-déposer)
Vocabulaire : verbe d'action "mettre", noms d'objets "livre, pot de fleurs, table, bibliothèque", couleurs "rouge, vert, jaune", haut/bas, dessus/dessous

(cliquer pour essayer)

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

1/ Respecter des consignes orales.

Version consigneC1-146 du 18/01/2014

Créée avec Construct2-146
(J'en reste à cette version pour l'instant pour des questions de compatibilité.)

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

- Le fichier Construct2 pour essayer et comprendre

- Le fichier zippé pour une utilisation hors-ligne.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

2/ Développement de l'application "ConsigneC1-146" étape par étape :

a/ Quelques variables :

b/ Rendre les pièces déplaçables.

Quand on glisse "piece1", "piece2", "piece3" ou "piece4" [...is dragging]...
- on la met au dessus du calque [...to top of layer].
- on redresse la pièce au cas où elle aurait basculé [...set angle to 0 degrees].

c/ Les comportements des pieceX, des bords et des niveaux :

-L'écran est entouré de 4 bords, des rectangles clonés qui ont comme comportements (Behaviors) "Physics".

Ces comportements font rebondir les objets pieceX au contact des 4 bords.
Dans "Behaviors / physics", mettre "Immovable" à "yes" pour empêcher le bord de subir la gravité (de tomber !).

Tout cela empêche les objets déplacés pieceX de sortir de l'écran.

-Les objets pieceX peuvent être posés sur 4 niveaux, (le plateau de la table et les tablettes de la bibliothèque) : des rectangles clonés, qui ont des comportements (Behaviors) "Physics" avec "Behaviors / physics : Immovable" = "yes".

-Le sol est aussi un rectangle avec des comportements (Behaviors) "Physics" avec "Behaviors / physics : Immovable" à "yes".

-Les 4 objets "piece1", "piece2", "piece3", "piece4" ont des comportements (Behaviors) "Drag and drop" et "Physics" mais cette fois-ci, on laisse "Behaviors / physics : Immovable" à "no" pour qu'ils subissent la gravité.

d/ Vérification :
Quand on touche "Vérifier" et que pieceX est au bon endroit, on met varPiece1 à 1. Sinon, on...

- bloque la rotation de piece1 [...prevent rotations],
- replace piece1 en bas de l'écran [Set position to (150+random(400), 450))],
- met varPiece1 à 0,
- rend "OK" invisible,
- attend 3 secondes pour ne pas trop boucler [wait 3.0 seconds]
- redresse la pièce au cas où elle aurait basculé [...set angle to 0 degrees].
- débloque la rotation de piece1 [...don't prevent rotations],

Quand piece1 et piece2 et piece3 et piece4 valent tous 1, on affiche "OK" [...set visible].
Si piece1 ou piece2 ou piece3 ou piece4 vaut 0, on efface "OK" [...set invisible].

e/ La partie audio :
- Au démarrage, on précharge les 4 fichiers audio "consigne1", "consigne2", "consigne3" et "consigne4" pour que la lecture soit instantanée.
- Quand on appuie sur l'image "consigne1", on arrête toute lecture éventuelle en cours et on lit le fichier audio "consigneX".

f/ Rejouer :
Quand on touche sur "Rejouer", on...
- bloque la rotation de piece1 [...prevent rotations],
- mélange les pièces 1 à 4 : Set position to (150+random(400), 450))
- met varPieceX à 0,
- rend "OK" invisible,
- attend 3 secondes pour ne pas trop boucler
- redresse la pièce au cas où elle aurait basculé [...set angle to 0 degrees].
- débloque la rotation de piece1 [...don't prevent rotations].

g/ Fermer :
Quand on appuie 2x sur "Maison", on ferme la fenêtre : Close du plugin Browser...

Date de création : 12/11/2013 @ 13:38
Dernière modification : 21/01/2014 @ 21:51
Catégorie : Consignes
Page lue 2050 fois

Haut