trustTheProcess(1) – Random Composition

Published by Tim on Monday June 26, 2023

Last modified on January 25th, 2024 at 14:06

Vimeo

By loading the video, you agree to Vimeos’s privacy policy.
Learn more

Load video

In this stream I solved the Random Composition assignment from my Bauhaus Coding Workshop course, which is about distributing three different geometric shapes with random parameters on the format. I also wanted to give the course a new colorful style to break away a bit from something dry black and white.

color black = #000000;
color white = #f1f1f1;
color blue = #0000ff;

void setup() {
  size(900, 900);
  //frameRate(1);
  strokeCap(SQUARE);
  randomSeed(0);
}

void draw() {
  background(white);

  noFill();
  stroke(#000000);
  strokeWeight(2);
  float spacing = 75;

  beginShape();
  for (int i = 0; i < 6; i++) {
    float x = random(spacing, width-spacing);
    float y = random(spacing, width-spacing);
    curveVertex(x, y);
  }
  endShape();



  stroke(blue);
  strokeWeight(50);
  float x1 = random(spacing, width-spacing);
  float y1 = random(spacing, width-spacing);
  float x2 = random(spacing, width-spacing);
  float y2 = random(spacing, width-spacing);
  line(x1, y1, x2, y2);

  noStroke();
  fill(black);
  float diameter = random(200, 300);
  spacing = diameter;
  float x = random(spacing, width-spacing);
  float y = random(spacing, width-spacing);

  ellipse(x, y, diameter, diameter);

  saveFrame("out/####.png");
  saveFrame("../"+sketchname+".png");
}

Many thanks to Olinga for the edit!

Related

Lena Weber about her collaboration with A. G. Cook

Lena: This 10-minute visualiser for A. G. Cooks album teaser featuring my python archive generator, is one of my favourite […]

Computer Cursive by Tay Papon Punyahotra

One of the first exercises I assign to my students in my seminars is called “Random Compositions”. Basically, it’s quite […]

A custom Mockup Tool, built with Processing (updated)

For my students at Elisava, I have created a new version of my mockup-tool. You need two different files for […]

Preview: When Computers create Collages

2023-12-01 Today I want to share with you a first prototype that will be the basis for a new course […]

Preview: Random Compositions

One of the most exciting and maybe even unsettling discoveries in the learning process of Creative Coding in Graphic Design […]

trustTheProcess(4) – Data Stream

2023-08-03 In this episode I have been looking at String Methods in p5.js, or rather in Javascript. Originally I wanted […]

trustTheProcess(3) – ASCII Blobs

2023-07-20 Today I share the edit of the third episode of my trustTheProcess() livestreams with you. In it I rebuilt […]

trustTheProcess(2) – Time in Space

In this livestream from June 22, 2023, I used Processing to develop an interactive, three-dimensional timeline of exemplary historical data […]