Les pokémons à Montreuil

Pokemons à Montreuil : https://scratch.mit.edu/projects/134895802/
Les acteurs :

Un fond de scène :
la carte de Montreuil :
https://maps.googleapis.com/maps/api/staticmap?
center=48.865000,2.46000&size=480x360&zoom=14&maptype=roadma
p

Chaque lutin a 2 ou 3 costumes
costume1 : un point sur la carte
pokemon : l’image de la personne
qui est
là
photo : une photo du lieu que l’on peut ajouter

Des lutins pokemon :
le maire : PokeMaire
le conducteur de métro : PokeMetro
le professeur ou la maitresse : PokeProf
la pharmacienne : PokeDoc
…

But du jeu :
o


Afficher les pokemon le plus vite possible
Les actions :
o
Le héros (on a chosi une voiture) se déplace dans la ville avec les
flèches ou en avançant dans la direction du pointeur de la souris
lorsque la touche espace est pressée.
o
Quand il passe sur (ou qu’il touche) un lieu, Le pokemon apparait
o
Quand on clicke sur un pokemon la photo apparait
améliorations :
o
quand on arrive sur un lieu définir une manière pour attraper le
pokemon.
Réalisation du code :
1. Création de la carte comme fond de scène :
Dans arrière-plans choisir
et charger le fichier
carte.png
2. Créer le lutin de votre héros et choisir son
costume, puis mettre les blocs de
démarrage au drapeau vert :
aller au point de départ (espace40)
réduire la taille
orienter à 90
mettre au premier plan
3.
Mettre les blocs de déplacement avec les
flèches ou la barre d’espace
Quand la barre d’espace est pressée, on
s’oriente vers le pointeur de souris et non
avance seulement si le héros ne touche
PAS le pointeur de la souris.
Avec les flèches, on avance dans les 4
directions.
4. Créer des lutins pour les Poke-personnages, par exemple pour le
maire

Créer le lutin PokeMaire :
Définir le costume1 comme un point u un balle de
couleur
Définir le costume pokemon avec une image
Ajouter une image de la mairie si vous voulez
Dans les scripts :
Mettre le lutin au bon endroit et à la bonne taille
Dire de changer de costume
quand on clique dessus
png
5. Ajouter au script du drapeau vert un boucle infinie pour détecter
quand le lutin touche le héros. Afficher le costume pokemon quand il
le touche
6. Dupliquer le premier pokemon et le modifier les costumes et les
scripts pour 4 ou 5 autres pokemon.
A compléter ensuite : Chronomètre, programmer comment attraper le
pokemon
Comment avoir des images avec une partie transparente ?
On va utiliser des images au format png qui gèrent la transparence. Les images
jpg ou jpeg ne conviennent pas. Donc il faut parfois les convertir avec la
méthode suivante.
1. Dans le navigateur internet, rentrer PND edit
2. Cliquer sur “free on line image editor” éditeur gratuity d’images en
ligne
3. Dans la fenêtre qui s’affiche, vous pouvez choisir la langue (en haut
à droite)
Puis sélectionnez le fichier de l’image à rendre transparente
Et appuyez sur télécharger (ou upload)
4. Appuyez sur l’onglet wizards (les magiciens) puis sur le diamant
Et cliquez zur lez zones à rendre transparentes
Pour rendre transparentes plus de couleurs à la fois, vous
pouvez augmenter le « fuzz factor ».
Vous pouvez aussi travailler par zones ou par couleur en
chsoissante le type de remplissage (filltype)–
Vous avez aussi la touche undo pour défaire ou annuler une
action
5. En revenant dans l’ongle basics vous pouvez redimensionner la
taille de l’image pour qu’elle corresponde à Scratch (largeur 640,
hauteur 480)
6. Sauvegardez enfin le résultat sur votre ordinateur
le nom du fichier devra être changé sur votre ordinateur.