floating an idea IV

let drops = []

let shapes = []

​

​

let colors = ["#94472f", "#20283a", "#0e5264", "#522829", "#20283a", "#c97a5a", "#debe98"]

​

let VerticesNO = 300

let xLine, yLine, bgColor, xdiv

let x = 0

let noiseAmount, center, m

​

function setup() {

​

  m = min(windowWidth, windowHeight)

  createCanvas(m, m);

  center = createVector(random(m * 0.25, m * 0.75), random(m * 0.25, m * 0.75))

  noiseAmount = height / 20

  let bgIndex = floor(random(colors.length))

  bgColor = "#debe98"

  let angleSet = random(TAU)

  let fullAngle = TAU * 0.66

  let incAmount = fullAngle / 150

  for (let r = width / 10; r < width; r += width / 10) {

    let pts = []

    for (let a = angleSet; a < angleSet + fullAngle; a += incAmount) {

      let thickness = map(a, angleSet, angleSet + fullAngle, 0, width / 30)

      let x = center.x + cos(a) * (r - thickness)

      let y = center.y + sin(a) * (r - thickness)

      let pt = createVector(x, y)

      pts.push(pt)

    }

​

    for (let a = angleSet + fullAngle; a > angleSet; a -= incAmount) {

      let thickness = map(a, angleSet, angleSet + fullAngle, 0, width / 30)

      let x = center.x + cos(a) * (r + thickness)

      let y = center.y + sin(a) * (r + thickness)

      let pt = createVector(x, y)

      pts.push(pt)

    }

​

    shapes.push(new shape(pts, colors[0]))

    angleSet += random(HALF_PI, PI + QUARTER_PI)

  }

  let mainA = random(TAU)

​

​

}

​

​

function draw() {

  background(bgColor)

​

  if (frameCount == 50) {

​

    for (let y = noiseAmount * 2; y < height; y += noiseAmount) {

      let x = noise(y, frameCount) * width

      let r = random(noiseAmount * 0.1, noiseAmount * 0.35)

      addInk(x, y, r, colors[1])

​

    }

  }

​

  if (frameCount == 75) {

​

    for (let y = noiseAmount * 2; y < height; y += noiseAmount) {

      let x = noise(y, frameCount) * width

      let r = random(noiseAmount * 0.05, noiseAmount * 0.15)

      addInk(x, y, r, colors[1])

​

    }

  }

​

  if (frameCount > 100) {

    addInk(random(width * 0.1, width * 0.9), random(height), random(4), colors[2])

  }

​

  if (frameCount == 150) {

    noLoop()

  }

​

  for (let s of shapes) {

    s.show()

  }

​

  for (let d of drops) {

    d.grow()

    d.show()

  }

​

​

}

​

function addInk(x, y, r, color) {

  let droppy = new drop(x, y, r, color)

​

  for (let other of drops) {

    other.marble(droppy)

  }

​

  for (let s of shapes) {

    s.marble(droppy)

  }

​

  drops.push(droppy)

​

}

​

​

class shape {

  constructor(pts, color) {

    this.points = pts

    this.color = color

  }

​

​

  tine(m, x, y, z, c) {

    let u = 1 / pow(2, 1 / c)

    for (let pt of this.points) {

      let b = createVector(x, y)

      let pb = p5.Vector.sub(pt, b)

      let n = m.copy().rotate(HALF_PI)

      let d = abs(pb.dot(n))

      let mag = z * pow(u, d)

      pt.add(m.copy().mult(mag))

    }

  }

​

  marble(other) {

    for (let pt of this.points) {

      let c = other.pos

      let p = pt.copy()

      let r = other.r

      p.sub(c)

      let m = p.mag()

      let root = sqrt(1 + (r * r) / (m * m))

      p.mult(root)

      p.add(c)

      pt.set(p)

    }

  }

​

​

​

  show() {

    noFill()

    strokeWeight(1)

    stroke(this.color)

    beginShape()

    for (let i = 0; i < this.points.length; i++) {

      vertex(this.points[i].x, this.points[i].y)

      let opposite = this.points[this.points.length - i - 1]

      line(this.points[i].x, this.points[i].y, opposite.x, opposite.y)

    }

    endShape(CLOSE)

  }

​

​

​

}

​

class drop {

  constructor(x, y, r, color) {

    this.pos = createVector(x, y)

    this.r = 1

    this.finalR = r

    this.color = color

    this.stroke = random(colors)

    this.points = []

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

      let angle = map(i, 0, VerticesNO, 0, TAU)

      let v = createVector(x + cos(angle) * r, y + sin(angle) * r)

      this.points.push(v)

​

    }

  }

​

  grow() {

    if (this.r < this.finalR) {

      this.r += 0.25

      for (let other of drops) {

        other.marble(this)

      }

​

      for (let s of shapes) {

        s.marble(this)

      }

​

    }

  }

​

​

  marble(other) {

    for (let pt of this.points) {

      let c = other.pos

      let p = pt.copy()

      let r = other.r

      p.sub(c)

      let m = p.mag()

      let root = sqrt(1 + (r * r) / (m * m))

      p.mult(root)

      p.add(c)

      pt.set(p)

    }

  }

​

  show() {

    fill(bgColor)

    stroke(this.color)

    beginShape()

    for (let i = 0; i < this.points.length; i++) {

      vertex(this.points[i].x, this.points[i].y)

    }

    endShape()

​

    for (let i = 0; i < this.points.length; i += 5) {

      let length = noise(i, this.points.x, frameCount / 300) / 2

      let innerPoint = p5.Vector.lerp(this.points[i], this.pos, length)

      line(this.points[i].x, this.points[i].y, innerPoint.x, innerPoint.y)

    }

  }

}