Generates colorful, particle-like visuals

by 규연 황

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.6.0/p5.min.js"></script>

<script>
      let t = 0;

      function setup() {
        createCanvas(800, 600);
        stroke(180, 180, 255, 60); // 파란빛 입자
        background(10, 10, 30);    // 어두운 우주 느낌 배경
        noFill();
      }

      function draw() {
        background(10, 10, 30, 20); // 잔상 남기기
        t += 0.01;

        for (let i = 0; i < 8000; i++) {
          let angle = noise(i * 0.01, t) * TWO_PI * 4;
          let radius = i * 0.005 + sin(t + i * 0.0005) * 20;
          let x = width / 2 + cos(angle) * radius * 80;
          let y = height / 2 + sin(angle) * radius * 80;
          point(x, y);
        }
      }
    </script>