var points = []; var boosters = []; function setup () { createCanvas (windowWidth, windowHeight); for (i=0; i 1) { this.vel.mult (0.995); } this.bounce (); } this.addForce = function (force) { this.acc.add (force) } this.bounce = function () { if (this.pos.x < 5 || this.pos.x > width-5) this.vel.x *= -1; if (this.pos.y < 5 || this.pos.y > height-5) this.vel.y *= -1; } this.show = function () { noStroke (); fill (255); ellipse (this.pos.x, this.pos.y, 10, 10); } } function Booster (x, y, dir) { Point.call (this, x, y); this.dir = p5.Vector.fromAngle (dir || radians (random (360))); this.xoff = random (1000); this.update = function () { var dir = this.dir.heading (); this.dir = p5.Vector.fromAngle(dir+(noise(this.xoff)/5-0.1)) this.xoff+=0.05 } this.boost = function (other) { other.addForce(this.dir.setMag (0.05)); } this.show = function () { //console.log (this.pos.x) noStroke (); fill (255, 0, 255, 51); ellipse (this.pos.x, this.pos.y, 50, 50); stroke(255) line (this.pos.x, this.pos.y, this.pos.x + this.dir.setMag(25).x, this.pos.y + this.dir.setMag(25).y); } } //resizing canvas function windowResized () { resizeCanvas(innerWidth, innerHeight); points = []; boosters = []; for (i=0; i

p5.js point physics