MarisolPark-API2

var apiURL= 'https://data.cityofnewyork.us/resource/kpav-sd4t.json';

var jobIndex= 0;

var dataStuff= {};

​

var rows = [5, 440, 870];

var cols = [170, 370];

​

var rows2 = [20, 480, 880];

var cols2 = [200, 400];

​

function preload(){

  dataStuff= loadJSON(apiURL);

  titleFont= loadFont('BebasNeue-Regular.ttf');

  txFont= loadFont('Barlow-Light.ttf');

}

​

function setup() {

  frameRate(5);

  createCanvas(windowWidth, windowHeight);

  background(0);

}

​

function draw() {

  dobackground();

  var x;

  var y;

  textAlign(LEFT);

  textSize(13);

  textFont(txFont);

  fill(255);

  for(let i =jobIndex ;i<6;i++)

  {

    let x = rows2[i%3];

    let y = cols2[floor(i/3)];

    drawJobs('Agency: ', 'Buisness Title: ', 'Salary: ', dataStuff[i].agency, dataStuff[i].business_title, dataStuff[i].salary_range_from, x, y);

  }

}

​

function drawJobs(description1, description2, description3, data1, data2, data3, hShift, vShift){

  text(description1 + data1, hShift, vShift);

  text(description2 + data2, hShift, vShift+30);

  text(description3 + data1, hShift, vShift+60);

}

​

function drawSquares(horiziontalS, verticalS, Swidth, Sheight, r, g, b){

  fill(r, g, b);

  rect(horiziontalS, verticalS, Swidth, Sheight);

}

​

function dobackground()

{

  background(0);

  textSize(45);

  textFont(titleFont);

  textAlign(CENTER);

  fill(255);

  text('JOB OPPORTUNITIES IN NYC', width/2, 80);

  for(let i = 0;i<6;i++)

  {

    let x = rows[i%3];

    let y = cols[floor(i/3)];

    drawSquares(x, y, 390, 120, random(160, 255), random(70, 180) , random(55, 200));

  }

}

​

function keyTyped()

{

  jobIndex+= 6;

  dobackground();

}