Trying to remake https://youtu.be/7axImc1sxa0

​

*/

const G =  0.000000000067430;

var t = 0;

var d = 0.05;

var timer=0;

​

let planets = [];

function setup() {

  createCanvas(400, 400);

  frameRate(5);

var p1 = new CelestialBody(100,100,10,10,0.1,0.1);

​

var p2 = new CelestialBody(300,300,50,20,0,0);

​

planets.push(p1);

planets.push(p2);

}

​

​

function draw() {

  background(220);

  if (millis() >= 500+timer) {

    background(random(255),random(255),random(255));

    fixedUpdate(t);

    t +=d;

    timer = millis();

  }

  for(var i = 0; i< planets.length; i++){

    planets[i].draw();

  }

}

​

​

function fixedUpdate(t){

  for(var i = 0; i< planets.length; i++){

    planets[i].updateVel(planets, t);

  }

  for(var i = 0; i< planets.length; i++){

    planets[i].updatePos(t);

  }

}

​

class CelestialBody{

  constructor(x,y, mass, radius, vx, vy){

    this.pos=createVector(x,y);

    this.mass=mass;

    this.radius=radius;

    this.v=createVector(vx,vy);

​

  }

  draw(){

    push();

    // translate(mouseX,mouseY);

    ellipse(this.pos.x, this.pos.y, this.radius * 2, this.radius * 2);

    text([this.pos.x,this.pos.y], this.pos.x,this.pos.y);

    pop();

  }

  updateVel(allBodiesList, timeStep){

    for(var i=0; i<allBodiesList.length;i++){

      var bod = allBodiesList[i];

      if(bod != this){

        var sqdst = (bod.pos.sub(this.pos)).mag();

        console.log("THE SQUARE DISTANCE="+sqdst);

        if (sqdst == 0) {sqdst=1}

        var forceDir = bod.pos.sub(this.pos).normalize();

        var force = forceDir.mult(G).mult(this.mass).mult(bod.mass).div(sqdst);

        var acc = force.div(this.mass);

        this.v = this.v.add(acc.mult(timeStep));

      }

    }

  }

  updatePos(timeStep){

    this.pos = this.pos.add(this.v.mult(timeStep))

  }

}