Skip to content

techwekk/GenerativeArt

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Generative Computational Graphics - done in p5.js

Kicked off day 1 with small Git and Git Pages introduction, to publish our process.

The Game Sprouts Rules (copyed) The game starts by drawing any number of spots. For example 3 spots. The first player has a turn by joining two of the spots and marking a new spot in the middle of the line. Or the line may start and end on the same spot.

You are not allowed to draw a line which crosses another line. A spot cannot have more than three lines leading to or from it. The idea is to make it impossible for the other player to draw a line. So the last person to draw a line is the winner.

Sprouts example

Went abit ahead and created a camera based pixel visualization. First I visualized it on a paper.

Sketch

Pixel manipulation

// var stepSize = floor(map(mouseX, 0, width, 3, 3));
for (var x = 0; x < video.width; x += stepSize) {
  for (var y = 0; y < video.height; y += stepSize) {
    var index = (video.width + x) * 30;
    // Filter code
    var redVal = video.pixels[index];
    var greenVal = video.pixels[index + 1];
    var blueVal = video.pixels[index + 2];
    // remove the stroke
    noStroke();
    // change the colors
    fill(redVal, greenVal, blueVal);
    // change the shape of the 'pixels'
    rectMode(CENTER);
    rect(x, y, stepSize, stepSize);
    //circle(x, y, stepSize, stepSize);
  }
}
}

Second day was based on a grid challenge, where I used a repetitive loop which reproduces circles in round alignment infinitly.

Pixel manipulation


Clock-o-day, I lacked some inspiration to use real-time to display a clock system. My first attempt included waves however I decided to go against it.

Pixel manipulation

Finished outcome


Creating a machine with a user input, I however tried to extend the challenge to write the fourier transformation algorithm with @codingtrain and to understand each step. On day 4 it still didn't work as how it should, however I kept working on it as a main project on day 6-8.

Pixel manipulation


Face generator where the user can interact with a click to generate newer faces. By clicking on the image, a new nose is displayed with a random geometric object.

Pixel manipulation Pixel manipulation Pixel manipulation

Pixel generation by displaying a broken tv screen. Added some interaction, whenever user clicks on the screen he's able to drag along and draw on it.

Pixel manipulation Pixel manipulation Pixel manipulation

I continued working on the fourier transformation from week 4 and was able to finish it. After writing the algorithm I added an own sound, where the user can interact based on the base volume with the drawn amplitudes.

Pixel manipulation

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages