L'élément HTML Canvas a fait son apparition avec HTML5, en même temps qu'un grand nombre d'autres éléments (main, header, footer, aside ...), dont certains en corrélation étroite avec Javascript (video, audio, drag and drop, canvas ...). Il permet, à l'aide de Javascript donc, de dessiner, créer ou manipuler des contenus graphiques directement dans la page web.

• https://www.fxhash.xyz/gentk/KT1EfsNuqwLAWDd3o4pvfUx1CAh5GMdTrRvr-116338

Au programme aujourd'hui

• HTML Canvas
• Dessin dans la page web et Design génératif

Liens

• https://jspaint.app/
• https://www.fxhash.xyz/
• Painting with code (g) and machines
• Rafael Rozendaal + site
• Leander Herzog
• 'Etched clouds in P5js'
• Meridian by Matt DesLauriers + Notes + Edition
• Another example

Exercices

• Pierre Bismuth (base + mode colorimétrique)
• Outil de dessin + sauvegarde (interactivité souris)
• Générateur de drapeaux (aléatoire et autonomie)
• 10 print (boucles et conditions)

Hans Hartung construisait ses propres outils