Appearance
Exercice - Pierre Bismuth
Un premier exercice pour se replonger dans les fonctions de bases de P5.js abordées durant le workshop et/ou dans les cours de B2, et pour expérimenter la mise en ligne/mise à jour à l'aide de la ligne de commande et de Git.
Pierre Bismuth, Variations sur le thème des nations - Flags à la Fondation Boghossian, Avenue Franklin Roosevelt
Objectif
- Réalisez le drapeau de gauche à l'aide de P5.js de la façon la plus 'flexible' possible (en utilisant un maximum de variables ou d'opérations basées sur des variables) - Utilisez les couleurs les plus proches possibles.
- Faites-en une version ou le rectangle est centré dans la page HTML et une autre ou il est en plein écran, flexible et adaptatif.
- Mettez en ligne sur Netlify et envoyez-moi l'adresse par email
Références
- Création de projet
- setup() et draw()
- rect()
- variables width, height, windowWidth, windowHeight, frameCount
- Couleurs (fill, noFill, stroke, noStroke)
- colorMode()
- random()
- conditions
- Commandes Git basiques
- Mise en ligne