【p5.js 作例】「こうしたい」を捨てる創造：予測不能な数式が描くパターン

let x = r * cos(t);
let y = r * sin(t);

let x = r * cos(t);
let y = r * sin(t * 2);

let x = r * cos(t * 3);
let y = r * sin(t * 2);

let x = r * cos(t * 3);
let y = r * sin(t * 5);

let x = r * cos(PI * (sin(PI * t) + 0.5));
let y = r * sin(PI * (t + 0.5)) * cos(PI * t * 0.5);

/*
 * p5.js サンプルコード
 * 意味のない数式で、意味のない形を描く
 * 
 * @author @deconbatch
 * @version 0.1
 * @license CC0 1.0 https://creativecommons.org/publicdomain/zero/1.0/deed.ja
 * p5js 2.0.0
 * created 2025.12.08
 */

function setup() {

  const CANVAS_SIZE = 640;

  // 曲線の形を決定するパラメータ。ランダムに初期値を決定。
  const A_FROM = random(-1, 1);
  const B_FROM = random(-1, 1);
  const A_TO   = A_FROM + random(0.3, 0.5);
  const B_TO   = B_FROM + random(0.3, 0.5);
  const A_STEP = 0.005;
  const B_STEP = 0.1;

  createCanvas(CANVAS_SIZE, CANVAS_SIZE);
  noFill();
  stroke("MidnightBlue");
  strokeWeight(1);
  
  background("CornSilk");
  translate(width * 0.5, height * 0.5);

  // 曲線の密度、本数に関わるループ
  for (let pA = A_FROM; pA < A_TO; pA += A_STEP) {
    beginShape();
    // 曲線の滑らかさに関わるループ
    for (let pB = B_FROM; pB < B_TO; pB += B_STEP) {
      let r = CANVAS_SIZE * 0.5 * calcRadiusFactor(pA, pB);
      let t = PI * calcAngleFactor(pA, pB);
      let x = r * cos(t);
      let y = r * sin(t);
      vertex(x, y);
    }
    endShape();
  }

}

/**
 * 半径の「変動率」を決定する、意味のない数式。
 * 返り値は-1から1の範囲。これを半径にかけてキャンバスに収める。
 */
function calcRadiusFactor(_pA, _pB) {
  return cos(PI * (sin(TWO_PI * _pA * _pB) + _pB));
}

/**
 * 角度を決定する、意味のない数式。
 * 返り値は-1から1の範囲。これをPIにかけることで、角度(-PIからPI)として利用する。
 */
function calcAngleFactor(_pA, _pB) {
  return sin(PI * (_pA + _pB)) * cos(PI * _pA * _pB);
}