Lettura e interpretazione grafica di un JSON

// height=100 lines=auto
var milan;

function preload() {
    milan = loadJSON( "../assets/milan_18041507.json" );
}

function setup() {
    var backGreen = (milan.main.humidity - 20) * 4;
    var fillRed = milan.main.temp * 8;
    var ellipseW = milan.wind.speed * 90;

    background( 0, backGreen, 255 );
    fill( fillRed, 0, 0 );
    ellipse( 50,50, ellipseW,40 );
}

milan = loadJSON( "../assets/milan_18041507.json" );

carica un file che segue le specifiche JSON e restituisce un oggetto JavaScript contenente le informazioni sul tempo di Milano alle 7:00 del 15/04/2018.

var backGreen = (milan.main.humidity - 20) * 4;
var fillRed = milan.main.temp * 8;
var ellipseW = milan.wind.speed * 90;

Usa i campi interni dell'oggetto JavaScript per ricavare i parametri cromatici e geometrici dell'ellisse da disegnare.

Provare a cambiare il file JSON utilizzando quello delle 18:00 ("milan_18041518.json").

 

---

Strutturazione dei file:

• SKETCHES-FOLDER
  • assets
    • milan_18041507.json
    • milan_18041518.json
  • libs
    • p5.min.js
  • SKETCH-NAME
    • index.html
    • sketch.js