Making art using code!

  • by Nel (Lauda)

How?

let size = 50;
for (let i = 0; i < 10; i++) {
  let x = i * 30;
  let y = i * 30;
  circle(x, y, size);
}
  • Easy to get started at p5js.org
  • But you can use any language/tool/framework!

How?

  • Now circular!
let steps = 10;
for (let i = 0; i < steps; i++) {
  let angle = (i / steps) * 3.14159 * 2;
  let x = center + cos(angle) * 100;
  let y = center + sin(angle) * 100;
  circle(x, y, 30);
}

How?

  • More circles!
let steps = 100;
for (let i = 0; i < steps; i++) {
  let angle = (i / steps) * 3.14159 * 2;
  let x = center + cos(angle) * 100;
  let y = center + sin(angle) * 100;
  circle(x, y, 30);
}

How?

  • Varying sizes!
let steps = 100;
for (let i = 0; i < steps; i++) {
  let angle = (i / steps) * 3.14159 * 2;
  let x = center + cos(angle) * 100;
  let y = center + sin(angle) * 100;
  let size = 30 * sin(i / steps * 3.14 * 4);
  circle(x, y, size);
}

How?

  • More!!
for(let q = 0; q < 40; q++) {
  let steps = 100;
  for (let i = 0; i < steps; i++) {
    let angle = (i / steps) * 3.14159 * 2;
    let distance = 100 * (q / 10);
    let x = center + cos(angle) * distance;
    let y = center + sin(angle) * distance;
    let size = 30 * sin(i / steps * 3.14 * 4);
    circle(x, y, size);
  }
}

Artworks of friends

fin :)

This is my hobby