Aller au contenu
PROJET WEB UI/UX

Art Génératif

Art génératif

Définition

L’art génératif, c’est concevoir un système (règles + algorithmes + hasard contrôlé) qui produit l’œuvre. L’artiste définit les paramètres; le programme explore l’«espace des possibles» et génère des variantes uniques (souvent à partir d’une seed aléatoire mais reproductible).

Origines

  • Années 1960–70 : premiers “algoristes” et traceurs/plotters (ex.: Vera Molnár).

  • Années 2000 : démocratisation via Processing (Reas/Fry) puis p5.js, openFrameworks, etc.

  • Aujourd’hui : JavaScript dans le navigateur, shaders/WebGL, IA générative.

Le tournant blockchain

La blockchain apporte la preuve d’unicité et l’exécution publique d’algorithmes :

  • CryptoPunks (2017) : 10k portraits générés par combinaison de traits, icône de la culture NFT.

  • Long-form : une seule œuvre-algorithme génère toute une série d’outputs au mint, sans sélection manuelle (exécution autonome, paramètres variés, édition limitée).

Références clés

  • Chromie Squiggles (Snowfro, Art Blocks) : lignes ondulées, palette/épaisseur contrôlées par la seed, manifeste du long-form.

  • Fidenza (Tyler Hobbs) : champs de formes “brossées”, variation riche via règles de composition/couleur/texture.

  • Zancan : paysages génératifs inspirés du dessin technique (ex.: Garden, Monoliths), souvent sur Tezos/fxhash.

Pourquoi c’est utile pour vous

  • Penser en systèmes (contraintes → styles cohérents).

  • Paramétrer la variation (design, palettes, grilles).

  • Reproductibilité (même seed → même visuel).

  • Perf web : canvas/SVG, shaders, génération à la volée.

Projet — Œuvre générative personnelle (p5.js)

Objectif

Créer une œuvre d’art génératif personnelle avec p5.js. À chaque lancement, le rendu doit être différent. L’œuvre peut être statique ou animée.

Contraintes

  • Réalisation dans l’éditeur web p5.js (editor.p5js.org).

  • GPT/IA explicitement encouragés pour vous aider à atteindre un résultat unique.

Pistes de recherche

  • Rectangle packing (remplissage non chevauchant, densité/échelle variables).

  • Palettes de couleurs (HSL, harmonies, tirages pondérés).

  • Flow fields (bruit/noise() pour guider des particules ou des traits).

  • Grilles & perturbations (symétries, jitter, subdivisions).

  • Textures procédurales (hachures, pointillisme, “brosses” algorithmiques).

  • Masques & formes composées (clips, superpositions, transparences).

Remise & présentation

  • À envoyer par e-mail (le code du projet) à thibault.six@ifosup.wavre.be

  • Date limite : lundi 15 septembre 2025

  • Présentation en classe : démonstration en direct de votre œuvre.