var filmData;

​

function preload(){

filmData = loadJSON("films.json");

}

​

function setup() {

  createCanvas(480, 120);

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

    var o = filmData[i];

    films[i] = new Film(o);

  }

  noStroke();

}

function draw () {

  background(0);

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

    var x = i*32 + 32;

    films[i].display(x, 105);

  }

}

  function Film(f){

    this.title = f.title;

    this.director = f.director;

    this.year = f.year;

    this.rating = f.rating;

    this.display = function(x, y){

      var ratingGray = map(this.rating, 6.5, 8.1, 102, 255);

      push();

      translate(x,y );

      rotate(-QUARTER_PI);

      fill(200);

      text(this.title, 0, 0);

      pop();

    }

}

​

/* let film;

​

function preload(){

film = loadJSON("film.json");

}

​

function setup() {

  let title = film.title;

  let dir = film.director;

  let year = film.year;

  let rating = film.rating;

  print(title + ", by " + dir + ", was made in the glorious year of our lord " + year + ". The film was given a " + rating + " rating.  Are we happy or sad?");

}

​

*/

​