【作品No.26】リサジュー曲線たち【p5.js 2025年1月26日】

// 普及版　ジェネラティブ・アート　Processingによる実践ガイド
// 124Pの数式を関数に投げ入れてみて（後略）という言葉を実践して作成

let a = 5;
let b = 4;
let delta = Math.PI / 4; //2の数値も好き
let noiseOffsetX = 1000; //0の数値も好き
let noiseOffsetY = 1000;

function setup() {
  createCanvas(600, 600);
  background(255);
  stroke(0);
  noFill();
  
  let numCurves = 10;
  let spacing = width / numCurves;
  
  for (let i = 0; i < numCurves; i++) {
    for (let j = 0; j < numCurves; j++) {
      let xOffset = i * spacing;
      let yOffset = j * spacing;
      drawLissajousCurve(xOffset, yOffset, spacing / 2);
    }
  }
}

function drawLissajousCurve(xOffset, yOffset, size) {
  push();
  translate(xOffset + size, yOffset + size);
  beginShape();
  for (let t = 0; t <= TWO_PI; t += 0.01) {
    let x = size * cos(a * t + delta) * noise(noiseOffsetX);
    let y = size * sin(b * t) * noise(noiseOffsetY);
    vertex(x, y);
    noiseOffsetX += 0.01;
    noiseOffsetY += 0.01;
  }
  endShape();
  pop();
}