Les pokémons à Montreuil
Transcription
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.