Genuary 5: Debug - OpenProcessing

mySketch
xxxxxxxxxx
 
const codeURL = document.querySelector('script[src^="blob"]').getAttribute('src')
let code
​
const bugs = []
​
function preload() {
  code = loadStrings(codeURL)
}
​
function setup() {
  createCanvas(600, 600)
  const now = millis()
  for (let i = 0; i < 100; i++) {
    const initialPosition = createVector(random(width), random(height))
    bugs.push({
      angle: random(TWO_PI),
      position: initialPosition,
      targetPosition: initialPosition.copy(),
      nextUpdate: now + random(500, 3000),
    })
  }
}
​
function draw() {
  background('#fffaed')
  
  push()
  textFont('Courier New')
  textSize(14)
  textAlign(LEFT, TOP)
  noStroke()
  fill('#7e8796')
  text(code.join('\n'), 10, 10)
  pop()
  
  const now = millis()
  for (const bug of bugs) {
    if (
      dist(bug.position.x, bug.position.y, mouseX, mouseY) < 100 &&
      dist(bug.targetPosition.x, bug.targetPosition.y, mouseX, mouseY) < 100
    ) {
      const off = bug.position.copy().sub(createVector(mouseX, mouseY)).setMag(random(20, 100))
      bug.targetPosition.add(off)
    }
    
    const distToTarget = bug.position.dist(bug.targetPosition)
    if (distToTarget > 0.1) {
      const targetAngle = atan2(
        bug.targetPosition.y - bug.position.y,
        bug.targetPosition.x - bug.position.x
      )
      bug.angle += (targetAngle - bug.angle) * 0.05
      bug.position.add(createVector(
        distToTarget * 0.1 * cos(targetAngle),
        distToTarget * 0.1 * sin(targetAngle)
      ))
    }
    if (bug.nextUpdate <= now) {
      const isOffscreen =
        bug.position.x < 0 ||
        bug.position.x > width ||
        bug.position.y < 0 ||
        bug.position.y > height
      const newAngle =
        isOffscreen
          ? atan2(height/2 - bug.position.y, width/2 - bug.position.x) + random(-0.1,0.1) * PI
          : bug.angle + random(-0.2, 0.2) * PI
      const d = random(10, 50)
      const off = createVector(cos(newAngle), sin(newAngle)).mult(d)
      bug.targetPosition = bug.targetPosition.copy().add(off)
      bug.nextUpdate = now + random(100, 5000)
    }
    
    push()
    translate(bug.position.x, bug.position.y)
    rotate(bug.angle)
    noStroke()
    fill(0, 20)
    for (const side of [-1, 1]) {
      push()
      rotate(PI + PI/2 + side * PI * 0.1)
      ellipse(0, -20, 10, 40)
      pop()
    }
    fill(0)
    circle(0, 0, 10)
    pop()
  }
}