Objectif(s)

  • Comprendre le système de coordonnées dans processing, et les commandes de base d'exécution d'un programme.
  • Appliquer des couleurs de contours et remplissage.
  • Savoir exporter son image au format PNG et/ou PDF

Première partie

Au centre d'un sketch de 800x500px, agencez une série de formes simples, colorées, avec contour ou non, de façon à créer une sorte de drapeau.

Exportez cette image au format PNG. NOTE: Commencez par un dessin sur papier. Listez les instructions que vous allez devoir communiquer à la machine avant de commencer à coder.

Deuxième partie

Créez un programme qui génère à chaque boucle une forme ou un drapeau aléatoire (à l'aide des variables et de fonctions comme random ou noise.

Chaque item doit être sauvé au format PNG. Veillez à générer des noms de fichiers différents à chaque boucle. Dans le cas contraire, Processing écrasera systématiquement vos anciens fichiers avec le dernier.
La variable frameCount est très pratique pour cela. Elle sera automatiquement augmentée de 1, à chaque boucle. Elle eput donc être utilisée comme une sorte de compteur dans les noms de vos fichiers.

Notions mises en oeuvre

  • noLoop() ou tout sans le Setup (pour la première partie)
  • Canevas et coordonnées
  • Formes simples
  • Couleur (remplissage et contours)
  • Export PNG
  • Eventuellement transformations

Lygia Pape, Livro do tempo, 1961-63

Fonctions principales

Référence

  • size()
  • noLoop()
  • rect() + autres formes primitives (triangle()..)
  • beginShape() / endShape();
  • fill()
  • stroke()
  • noStroke()
  • strokeWeight()
  • save()

Exemple

void setup() {
    size(800,500);
    background(255);
    noLoop();
    noStroke();
}

void draw() {
  //Carrés rouges
  fill(255,0,0); // fill(rouge, vert, bleu)
  rect(0, 0, 100,100);
  rect(width-100, 0, 100,100);
  rect(width-100, height-100, 100,100);
  rect(0, height-100, 100,100);

  //Rectangles noirs
  fill(0);
  rect(200,0,400,100);
  rect(200,height-100,400,100);

  //Triangles jaunes
  fill(250,230,0);
  triangle(200, 100, 600, 100, 600, 300);
  triangle(200, height-100, 200, height-300, 600, height-100);
}

Références

results matching ""

    No results matching ""