ISS Path Animated Date

let iss;

let radius = 2*6371; // earth

let index = 0;

let length = 2*50;

let sora;

​

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

function preload() {

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

  sora = loadFont('Sora-SemiBold.ttf');

}

​

function setup() {

  createCanvas(windowWidth, windowHeight, WEBGL);

  createEasyCam();

  textFont(sora); // Font setzen

  //noLoop();

}

​

function draw() {

  background(100);

  text("localtime", width, height/2);

​

  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;

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

  let localtime = iss.getString(r, "localtime");

  print(iss.getString(r, "localtime"));

  text("localtime", width, height/2);}

  /*

  //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);

}