In every direction

let num = 1000; //円の数

let vecLocation = []; //円の中心の位置ベクトル

let vecVelocity = []; //円の速度ベクトル

let xoff = 0.0;

var words = ["Smoke","mirrors",

"illusion","city","Sweat","tears","sizzling", "neon","gypsy", "Fantasy","hot","hungry ","tease",

"stigma", "direction","light","force","fight",

"stalk","night","Barracuda","Destiny","inferno","complexion"

];

​

​

function setup() {

createCanvas(windowWidth, windowHeight); //画面を生成

frameRate(55); //フレームレート

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

vecLocation[i] = createVector(width / 2, height / 2);

vecVelocity[i] = createVector(random(-10, 10), random(-10, 10));

​

}

}

function draw() {

background(220); //背景を描画

noStroke(); //枠線なし

 let n = xoff * xoff * width;

  xoff += 0.01; // With each cycle, increment xoff

  if (n > width) {

    xoff = 0.0; // reset

  }

  fill(color(random(100, 133), random(250), random(200, 255), random(200, 255)));

  ellipse(n, random(height), random(20), random(20));

  text(random(words), n, random(height));

  textSize(random(20, 40));

let randomColor = color(random(255), random(255), random(255));

  fill(randomColor); //塗りの色

//円の数だけくりかえす

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

vecLocation[i].add(vecVelocity[i]); //円の座標を更新

ellipse(random(vecLocation[i].x), random(vecLocation[i].y),  random(64),random(64)); //指定した位置に円を描画

}

}

//reference 

//https://dev.to/ohbarye/learning-generative-art-day-5-unknown-language--1fn1