2024-25 - OpenProcessing

mySketch.js
xxxxxxxxxx
 
let grotesk;
let fontSize = 220;
let textArr = [];
​
let textAr = []
let agents = [];
​
function preload() {
  grotesk = loadFont('grotesk.otf');
}
​
function setup() {
  createCanvas(windowWidth, windowHeight);
  background(100);
​
​
  textArr = grotesk.textToPoints("2 0 2 4", width / 2 - 250, height / 4, fontSize, {
    sampleFactor: 0.1
  });
​
  textAr = grotesk.textToPoints("2 0 2 5", width / 2 - 250, height / 4, fontSize, {
    sampleFactor: 0.1009
  });
​
  console.log(textArr.length)
  console.log(textAr.length)
​
  fl = new Sprite(0, height - 100, width * 5, 150, 's');
​
  for (var i = 0; i < textArr.length; i++) {
    var s =new Sprite(textArr[i].x, textArr[i].y, 5, 'none')
    s.bounciness = 4;
    s.mass = 1;
​
    agents.push(s);
  }
​
  world.gravity.y = 7;
​
}
​
function draw() {
  background(250, 250, 255);
  if(frameCount==100){
    for (var i = 0; i < textArr.length; i++) {
      
    agents[i].collider = 'd';
    }
  }
  if (frameCount > 300) {
​
    for (var i = 0; i < textAr.length; i++) {
      for(var a of agents){
        if(a!=agents[i])a.overlaps(agents[i])
      }
​
      agents[i].moveTowards(textAr[i].x, textAr[i].y, 0.05);
    }
  }
  
  for(var i =0; i< textArr.length-1; i++){
    var dist = agents[i+1].x - agents[i].x
    if(dist<17) line(agents[i].x, agents[i].y, agents[i+1].x,agents[i+1].y)
  }
  
}