Initial

let circlePos = []; //円の中心の配列

const NUM = 64;     //円の数

let radius;         //軌道の半径

let velocity;       //角速度

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  colorMode(HSB, 360, 100, 100, 100);

  for (let j = 0; j < NUM; j++) {

    circlePos[j] = createVector(0, 0);

  }

  background(0);

  radius = height / 5.0;

  velocity = 1.0;

}

​

function draw() {

  background(0);

  noStroke();

  // 原点を画面の中心に移動

  translate(width / 2, height / 2);

  // 四角形を中心を原点して描く

  rectMode(CENTER);

​

  for (let j = 0; j < 15; j++) {

    // 現在の円の半径を計算

    let curRadius = map(j, 0, NUM - 1, height / 100.0, radius * 2.0);

    // 現在の円の速度を計算

    let curVel = velocity / NUM * (j + 50);

    // 現代の円の位置を計算

    let curPos = circlePos[j];

    curPos.x = cos(radians(frameCount + 6000) * curVel) * radius;

    curPos.y = sin(radians(frameCount + 6000) * curVel) * radius;

    // 現在の円の位置に指定した半径で円を描く

    textSize(150);

    fill(100,0,100,50);

    text("H",curPos.x-58,curPos.y+58);

  }

​

  // 変化を反復して蓄積させる

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

    // 色相をなめらかに変化させる

    let hue = map(i, 20, 11, 0, 50);

    fill(hue, 50, 100, 50);

    // 四角形の大きさを波の動きで変化させる

    scale(moveBounce(0.9, 2.0, 0.5));

    // 四角形の回転を波の動きで変化させる

    rotate(moveBounce(-radians(5.0), radians(90.0), 0.3));

    // 四角形の位置を波の動きで変化させる

    translate(0, moveSin(0.5,0.1,2.0));

    // 四角形を描く

    textSize(100);

    text(".K", 20, 20);

  }

​

​

}

​

​

​

​

​

//---------------------------------------------------------

//以下はそのまま使用

function moveSin(min, max, speed) {

  let t = radians(frameCount * speed);

  let out = map(sin(t), -1.0, 1.0, min, max);

  return out;

}

​

function moveNoise(min, max, speed) {

  let t = frameCount / 60 * speed / 4.0;

  let out = map(noise(t), 0.0, 1.0, min, max);

  return out;

}

​

function moveBounce(min, max, speed, nPow = 3.0) {

  let t = radians(frameCount * speed);

  let osc = 0.0;

  for (let i = 1; i < 2 * nPow; i += 2) {

    osc += sin(t * i) / float(i);

  }

  let out = map(osc, -1.0, 1.0, min, max);

  return out;

}