Aller au contenu

Exercices Art génératif

Exercices - Art génératif#

  • Creéz un élément <canvas> en HTML
  • Récupérez cet élément et son contexte 2D en JS
  • Définissez la largeur et hauteur du <canvas> (320px * 320px)
  • Créez une fonction dessine(x, y, largeur, hauteur) qui doit dessiner une diagonale: un trait du point x/y, jusqu’au point x+largeur/y+hauteur
  • Testez cette fonction
  • Créez une fonction vraiOuFaux() qui doit renvoyer vrai ou faux de manière aléatoire
  • Utilisez cette fonction vraiOuFaux() dans dessine() pour aléatoirement dessiner une diagonale du haut/gauche vers le bas/droite OU depuis le haut/droite vers le bas/gauche
  • Enfin, définissez un quadrillage et appellez la fonction dessine() pour chaque case
    • Créez une variable pas (80px par exemple, soit 4 cases * 4 cases)
    • Créez une double boucle (i et j augmentant de pas)
    • Appellez dessine() en lui passant les bons paramètres (x, y et pas)
    • Modifiez le pas à votre convenance