Brevet   Escape Game  

Escape Game (Projet professeur)

Escape Game

1 : Introduction

2 : Création du décor 3D

3 : Création des images et vidéo

4 : Modification des images

5 : Programmation de l'application

6 : Documents de travail :

7 : Téléchargement

1. Introduction

L'objectif de ce projet est de réaliser une application type "Escape Game" en exploitant les connaissances acquises au collège.

Les logiciels utilisés sont identiques à ceux que les élèves manipulent durant leur scolarité au collège :

- Google Sketchup : permet de créer les décors en 3D

- SweetHome 3D : permet de créer les images et vidéos avec un aspect photo-réaliste

- PhotoFiltre : permet de modifier, couper, compresser, ... les images

- App Inventor 2 : permet de programmer l'application compatible avec les systèmes Android

-> Tous ces logiciels sont gratuits !

2. Création du décor 3D

Logiciel utilisé : Google Sketchup

La base de cette partie exploite le projet réalisé par les élèves en classe de 4ème :

Projet 4ème : Thème 2 - Aménager un intérieur


L'objectif est de réaliser un décor en 3D qui sera la base du jeu, le joueur devant découvrir des indices ou des objets dispersés dans le décor.

Des calques sont donc utilisés, permettant de masquer ou afficher des objets. (exemple : un meuble où le tiroir est en position fermé ou ouvert).


Vue d'ensemble

Vue entrée et salle à manger

Vue bar et cuisine

Vue salon et bar

Vue meuble d'entrée

Objets en position fermée

Vue meuble d'entrée

Objets en position ouvert

Vue meuble TV

Objets en position fermé

Vue meuble TV

Objets en position ouvert

PreviousNext

3. Création des images et vidéo

Logiciel utilisé : SweetHome 3D

La base de cette partie exploite le projet réalisé par les élèves en classe de 5ème :

Projet 5ème : Thème 1 - Agencer la salle de technologie


L'objectif est d'utiliser le décor 3D réalisé avec Sketchup avec SweetHome 3D, afin de réaliser des images et vidéos avec une qualité réaliste.

Plusieurs versions du décor Sketchup sont créées (calques visibles ou non) et exporter au format .kmz, ce type de fichier étant compatible avec SweetHome.

Différents points de vue sont choisis sur SweetHome afin de créer toutes les images nécessaires.


Images vue entrée :

Entrée

Vue 1

Entrée

Vue 2

Entrée

Coffre fermé

Entrée

Coffre ouvert

Entrée

Tiroir fermé

Entrée

Tiroir ouvert

Entrée

Welcome

Entrée

Plateau bougies

PreviousNext


Autres images :

Salle à manger

Vue 1

Salle à manger

Vue 2

Salle à manger

Vue table côté gauche

Cuisine

Vue 1

Cuisine

Vue 2

Cuisine

Vue plan de travail

Bar

Vue 1

Bar

Vue 2

Bar

Vue lavabo

Salon

Vue 1

Salon

Vue 2

Salon

Vue chat

PreviousNext


Vidéo : visite virtuelle du logement :

4. Modification des images

Logiciel utilisé : Photofiltre

L'objectif est de compresser les images (la taille finale de l'application dépend fortement de la taille des images) et de les couper (certains objets doivent apparaître ou disparaître selon la programmation à venir).

Il est nécessaire également de conserver les positions (en X et Y) et les dimensions des images amovibles (largeur et hauteur).


Exemples d'images avec calques :

Entrée

Position des calques

Entrée

Calque : tiroir ouvert

Salle à manger

Position des calques

Salle à manger

Calque : chien assis

Cuisine

Position des calques

Cuisine

Calque : placard ouvert

Bar

Position des calques

Bar

Calque : tiroir ouvert

Salon

Position des calques

Salon

Calque : placard ouvert

PreviousNext

5. Programmation de l'application

Logiciel utilisé : App Inventor 2

La base de cette partie exploite le projet réalisé par les élèves en classe de 3ème :

Projet 3ème : Thème 2 - Parcours avenir


L'objectif est de réaliser l'application, de programmer le jeu. Le logiciel utilise une programmation par blocs, type Scratch.


Captures d'écran :

Vue designer

Procédure de placement d'images

position en X, en Y, largeur et hauteur

Entrée : vue bougies

Procédure d'affichage

Mémoire

mémorisation des objets acquis

PreviousNext

6. Documents de travail :

Les documents suivants ne sont que des bases de travail, incomplets et ne correspondant pas toujours au résultat final.



Positions
Entrée
Positions
salle à manger
Positions
cuisine
Positions
bar
Positions
salon
Jeu
smartphone
Jeu
réfrigérateur
Jeu
buddha
Jeu tuyaux
positions
Jeu tuyaux
résultats

7. Téléchargement :

Application format .aia
-> Ouvrable avec App Inventor 2
(http://code.appinventor.mit.edu)
Application format .apk
-> Flasher le QRcode puis
installer sur système Android

Si l'application ne s'installe pas : se rendre sur votre "Playstore" puis dans le menu cliquer sur "Playprotect". Dans les paramètres, désactiver "rechercher les menaces de sécurité".

Une fois l'application installée, penser à le réactiver.

Application format .apk
installer sur émulateur BlueStacks
Emulateur BlueStacks :
Simule un système Android sur PC

Site administré et réalisé par M. Etoré, professeur de technologie

Site optimisé pour Mozilla Firefox et Google Chrome (Internet explorer déconseillé)

« Toute représentation ou reproduction intégrale ou partielle faite sans le consentement de l’auteur est illicite. »

(L.122-4 du Code de la Propriété intellectuelle)