ISS Path Animated Knödel

let iss;

let radius = 2*6371; // earth

let index = 0;

let length = 2*50;

​

let url = "https://docs.google.com/spreadsheets/d/e/2PACX-1vRLjye8p_cv_Neyq7pcDEV1cbWdAR71zFqWarnwWqRgN1vzFDus5kDAILG4S8oIEcZxbIDH9OreTk14/pub?gid=250241754&single=true&output=csv";

​

function preload() {

  iss = loadTable(url, 'csv', 'header');

}

​

function setup() {

  createCanvas(windowWidth, windowHeight, WEBGL);

  createEasyCam();

  //noLoop();

}

​

function draw() {

  background(0);

​

  let rows = iss.getRows();

​

  // iss path animated

  noFill();

  stroke(255, 0, 100);

  beginShape();

  for (let r = 0; r < index; r++) { //rows.length

    //print(rows[r]);

    let x = iss.getNum(r, "x");

    let y = iss.getNum(r, "y");

    let z = iss.getNum(r, "z");

    vertex(2*x/100, 2*y/100, 2*z/100);

  }

  endShape();

  if (index < rows.length)

    index ++;

  else

    index == 0;

  /*

  //iss path animated part

  noFill();

  stroke(255, 0, 100);

  beginShape();

  for (let r = index; r < index+length; r++) { //rows.length

    //print(rows[r]);

    let x = iss.getNum(r, "x");

    let y = iss.getNum(r, "y");

    let z = iss.getNum(r, "z");

    vertex(x/100, y/100, z/100);

  }

  endShape();

  if (index < rows.length)

    index ++;

  else

    index == 0;

    */

  /*

  // iss path static

  noFill();

  stroke(255, 0, 100);

  beginShape();

  for (let r = 0; r < 400; r++) { //rows.length

    //print(rows[r]);

    let x = iss.getNum(r, "x");

    let y = iss.getNum(r, "y");

    let z = iss.getNum(r, "z");

    vertex(x/100, y/100, z/100);

  }

  endShape();

  */

​

  // earth

  fill(255, 10);

  stroke(255, 50);

  //sphere(radius/100);

}