Skip to content

Latest commit

 

History

History
32 lines (18 loc) · 2.41 KB

Principe.md

File metadata and controls

32 lines (18 loc) · 2.41 KB

Environnement et contraintes

  • Pour faciliter les exercices ci-dessous, nous vous proposons d'utiliser soit l'IDE fournie avec Processing si vous vous en servez déjà, soit l'éditeur en ligne de p5.js, disponible ici : https://editor.p5js.org/ si vous n'avez pas installé Processing chez vous.

  • #StarWarsDay - L'API présentée ici https://swapi.dev/ permet de se récupérer de nombreuses infos concernant l'univers de Star Wars : elle vous servira pour les niveaux 4 et 5

  • L'exercice se fera en Javascript

Niveau 1 :

En combinant des formes simples (rectangles, ellipses, etc.), dessinez une voiture à l'écran. Celle-ci doit pouvoir être dessinée à l'endroit de votre choix : par exemple, si votre fonction s'appelle "voiture", il faudrait que voiture(width/2, height/2) dessine la voiture au milieu de l'écran. Variante #StarWarsDay : faire un vaisseau spatial à la place de la voiture :-)

Niveau 2 :

Dessinez la voiture présentée au niveau 1 puis animez cette voiture de façon à ce qu'elle se déplace à l'écran de gauche à droite. Faites en sorte que lorsqu'elle arrive au bord de l'écran, elle repart dans le sens inverse plutôt que de sortir de l'écran.

Niveau 3 :

Créez une interface qui permette de se dessiner un burger à la demande : en combinant des formes simples (rectangles, ellipses, etc.), dessinez un burger à l'écran (dans sa version la plus simple, il pourra s'agir de plusieurs rectangles de couleur différentes posés les uns sur les autres). Votre programme doit permettre de facilement demander un burger avec ou sans tel ou tel ingrédient : avec double steak, avec des tomates, sans fromage, etc.

Niveau 4 :

Se connecter à l'API Star Wars décrite juste au dessus et récupérer une liste de 10 personnages : pour chacun d'entre eux, dessiner à l'écran une image du personnage en tenant compte des caractéristiques reçues dans les infos de l'API (couleur des yeux, couleur de la peau, taille, etc.). Bonus: En dessous de chaque image, écrire le nom du personnage et son espèce (humain, wookie, etc.)

Niveau 5 :

Se connecter à l'API Star Wars décrite juste au dessus et récupérer une liste de 20 planètes : pour chacune d'entre elles, dessiner la planète à l'écran en tenant compte de ses caractéristiques reçues via l'API (type de climat, type de terrain) et faire s'animer l'ensemble des planètes en fonction de ces mêmes données (période de rotation)