let num = 25;

let x, y;

function setup() {

  createCanvas(900, 900);

}

​

function draw() {

  // 노이즈를 이용한 배경색 설정

  let r = noise(noiseOffset) * 255;

  let g = noise(noiseOffset + 100) * 255; // 다른 오프셋을 사용하여 다른 채널에 적용

  let b = noise(noiseOffset + 200) * 255;

​

  background(r, g, b, 10);

​

  // noiseOffset을 조금씩 증가시켜 색을 점진적으로 변화시킴

  noiseOffset += 0.01;

  x = 0;

  y = 0;

  // 마우스를 따라다니는 원

​

  for (let j = 0; j < num; j += 4) {

    for (let i = 0; i < num; i += 4) {

      // 노이즈 값으로 채워지는 좌표값

      let noiseY = noise(i / 100, j / 100, frameCount / 50) * 400;

​

      fill(noiseY);

​

      // 마우스를 따라다니는 원 그리기

      ellipse(x, y, 50, 50);

      x = lerp(x, mouseX, 0.1); // 부드럽게 마우스를 따라다님

      y = lerp(y, mouseY, 0.1);

    }

  }

}

​