My first step in learning Generative Art

#beginners #art #graffiti #showdev

Even though I'm absolutely a newbie of generative art (I started it just today!), I found it quite fascinating. So I'm telling my passion here.

What's Generative Art?

Let's see the quotation from Wikipedia.

Generative art refers to art that in whole or in part has been created with the use of an autonomous system.

"Generative art" is often used to refer to algorithmic art (computer generated artwork that is algorithmically determined).
https://en.wikipedia.org/wiki/Generative_art

When I know generative art, I felt that it could be a chance to sophisticate my poor aesthetic sense with my programming skill.

If you'd like to try it right now, there's an interactive online editor. Visit https://alpha.editor.p5js.org/, then copy & paste my code into the editor on the page and see what will be happening.

Artworks

It's embarrassing to call them "artworks"... But let me introduce them to tell what I have experienced.

"Interfering objects"

This is my first generative art. Doesn't it smell mathematics?

Although there might be some unfamiliar functions, what creates the picture is familiar JavaScript code, which uses p5.js.

function setup() {
  createCanvas(400, 400);
  background(80)
  noStroke();
  frameRate(6);
}

function draw() {
  for (var i = 0; i < 400; i++) {
    var r = random(0,200);
    stroke(r * 1);
    line(0, i, r, r);
    line(400, i, 50 + r, 100+r);
  } 
}

"Light path in the dark"

function setup() {
  createCanvas(720, 400);
  background(80)
  noStroke();
}

function draw() {
  fill(color(random(20),random(200),random(200), 1));   
  bezier(random(500, 550), random(500, 550), 0, 0, 40, 40, 50, 90);
  bezier(random(100, 200), random(100, 350), 0, 0, 40, 40, 50, 90);
}

Okay, I know my artworks above are not amazing stuff. But I'll keep training and keep publishing so that I become a person who is good at generative art.

Besides, I'm happy if dev.to would get more artists with programming background!