L'élément canvas

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.

Zancan, Lushtemples — Ars Ex Naturae Ex, 2021 / Voir aussi sa série Garden Monoliths

Les liens et artistes du jour #

1. Processing
2. P5js.org + https://p5js.org/get-started/ + P5js Cheat Sheet
3. Les bibliothèques (libraries) JS (Ex P5js)
4. HTML Canvas
5. https://www.fxhash.xyz/
6. Randomness in art
7. Garden monolith by Zancan
8. Painting with code (g) and machines
9. Rafael Rozendaal + site
10. Jan Robert Leegte
11. Leander Herzog
12. 'Etched clouds in P5js'
13. Meridian by Matt DesLauriers + Notes + Edition
14. Another example
15. Fira Code (font)

Au programme aujourd'hui #

• Retour sur notre premier cours manqué..
• Dessin dans la page web et Design génératif
• Rappel des concepts déjà évoqués en B1: fonctions, Variables, Boucles, Conditions ...
• Exercices

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