Mysketch_001

// ==== パラメータ ====

let c_size = [720, 720]; // キャンバスサイズ

​

​

// イージング (Ease In, Ease Out)

const easeInOutCubic = (t) => t < 0.8 ? 4 * t * t * t : 1 - Math.pow(-2 * t + 2, 3) / 2;

​

// イーズアウト

const easeOutQuad = (t) => t * (2 - t);

​

// 正弦波補間 (Sinusoidal)

const sinusoidal = (t) => 0.5 * (1 - Math.cos(Math.PI * t));

​

// 二次方程式補間 (Quadratic)

const quadratic = (t) => t * t;

​

// ジグザグ (ZigZag)

const zigzag     = (t) => 0.2 * Math.sin(3 * Math.PI * t) + 0.5;

const fastZigzag = (t) => 0.3 * Math.sin(5 * Math.PI * t) + 0.5;

const slowZigzag = (t) => 0.4 * Math.sin(    Math.PI * t) + 0.5;

​

​

// ==== 一回だけ実行 ====

setup = _ => {

  createCanvas(c_size[0], c_size[1]);

  noLoop();

  noStroke();

}

​

​

// ==== 絵を描く ====

draw = _ => {

  background("#45FFCA");  // 背景色

  translate(c_size[0]/2, c_size[1]/2);

  let c1 = color("#FEFFAC");   // 花の中央の色

  let c2 = color("#D67BFF");   // 花の外側の色

  let imax = 600;                // 種の最大数

​

  // ==== ノイズを含んだグラデーションをつくる ====

  // 0.15 はどれだけノイズを足すか

  // ４番目の引数でグラデーションの作り方を指定

  let grad = wob_gradation(c1, c2, 0.18, null);

  // 種を一個ずつimax個描く

  for(let i = 0; i<imax; i++){

    // 種の位置 (0.6はどれだけ種同士を離すか)

    let p = fib_location(0.65, i);

    fill(grad(i/imax));

    circle(p.x, p.y, circle_size(i)); // 種を描く

  }

}

​

​

// ==== 種の位置を計算 ====

const fib_location = (v, t) => {

  // 螺旋の角度 137.5... は黄金角

  let golden_angle = 137.507764;

  // cos / sin を入れ替えたり角度の数字を変えてみよう

  // [*, /, +, -]

  return createVector

    (v * t * cos(golden_angle / 110 * PI * t), 

     v * t * sin(golden_angle / 180 * PI * t));

}

​

​

// ==== 外周ほど種を大きくする ====

// 数字を色々変えてみよう

const circle_size = (i) => pow(i/1.59, 0.7);

​

// ==== ノイズを含んだグラデーションを生成する ====

const wob_gradation = (c1, c2, wob, interpolationFunc = null) => {

  return (amt) => {

    let wobble = random(-wob, wob) + amt;

    let easedWobble = interpolationFunc ? interpolationFunc(wobble) : wobble;

    if (wobble < 0) return c1;

    if (1 < wobble) return c2;

    // 補完

    return lerpColor(c1, c2, easedWobble);

  };

};

​

// ==== スペースキーを押してスクリーンショット　====

let fileCounter = 0;

const imgPreffix = 'kikuuuuu1_001'; // ファイル名の先頭 （"sunflower_0000.png"のようになる）

keyPressed = _ => {

  if (key === ' ') {

    const filename = `${imgPreffix}_${String(fileCounter).padStart(4, '0')}.png`;

    save(filename);

    fileCounter++;

  }

};