xxxxxxxxxx132
// Polyphon gefasstes Weiss// Blanc polyphoniquement serti// Polyphonic setting for white// Paul Klee// 1930, –140// cf. https://paulklee.fr/html/1930b.html#1930_140// jpg: https://journals.openedition.org/genesis/docannexe/image/125/img-4.jpg// tableau décomposé : https://abstractmachine.net/downloads/Klee-Polyphon-gefasstes-Weiss-1930-140.pngvar i = 0var sat = 100var luminosite = 50var opacite = 7// la fonction 'setup' se lance au démarrage du programmefunction setup() { // créer canevas avec 100% de la largeur/hauteur disponible createCanvas(windowWidth, windowHeight) // définir notre 'mode' colormétrique avec valeurs maximales // HSB = Hue Saturation Brightness // Hue (Teinte) = 360 // Saturation = 100% // Brightness (Luminosite) = 100% // Alpha (Opacité) = 100% colorMode(HSB, 360, 100, 100, 100)}function draw() { i = floor(frameCount / 50) % 10 // couleur du canevas background(43, 9, 74, 100) // méthode pour mélanger les couleurs // ici : additif = sommes des valeurs A + B blendMode(ADD) // peindre toutes les intérieurs des formes interieurs() // méthode pour mélanger des couleurs (A = précédente; B = nouvelle) // ici : BLEND = mélange des valeurs // formule exacte : C = A\*factor + B blendMode(BLEND) // dessiner les lignes autour des formes traits()}function interieurs() { // pas de traits autour des formes noStroke() // #A fill(0, sat, luminosite, opacite*0.5) if (i > 0) rect(width * 0.2, -1, width, height * 0.8) // #B fill(200, sat, luminosite, opacite*1) if (i > 1) rect(-1, -1, width * 0.60, height * 0.5) // #C fill(120, sat, luminosite, opacite*1) if (i > 2) rect(-1, -1, width * 0.85, height * 0.85) // #D fill(300, sat, luminosite, opacite*1) if (i > 3) rect(width * 0.1, height * 0.10, width, height) // #E fill(320, sat, luminosite, opacite*0.75) if (i > 4) rect(-1, height * 0.15, width * 0.75, height) // #F fill(280, sat, luminosite, opacite*2) if (i > 5) rect(width * 0.31, height * 0.25, width, height * 0.45) // #G fill(180, sat, luminosite, opacite*3.5) if (i > 6) rect(-1, height * 0.3, width * 0.65, height * 0.30) // #H fill(20, sat, luminosite, opacite*2.5) if (i > 7) rect(width * 0.4, height * 0.4, width, height)}function traits() { // pas de couleur de remplissage noFill() // bordures noir pour nos formes // peu import teinte, saturation // mais la luminosité doit être 0%, et l'opacité > 0% stroke(0, 0, 0, 70) // #A if (i > 0) rect(width * 0.2, -1, width, height * 0.8) // #B if (i > 1) rect(-1, -1, width * 0.60, height * 0.5) // #C if (i > 2) rect(-1, -1, width * 0.85, height * 0.85) // #D if (i > 3) rect(width * 0.1, height * 0.10, width, height) // #E if (i > 4) rect(-1, height * 0.15, width * 0.75, height) // #F if (i > 5) rect(width * 0.31, height * 0.25, width, height * 0.45) // #G if (i > 6) rect(-1, height * 0.3, width * 0.65, height * 0.30) // #H if (i > 7) rect(width * 0.4, height * 0.4, width, height)}