let count = 0;

let place = places[0];

​

let placeName, temp, windDegree, windKPH;

let windVector = undefined;

​

let h = 0;

let m = 0;

let timeAsMinute, timeToPi;

let brightnessWithTime = 0;

​

let walkers = [];

​

​

// Class

class Walker{

    constructor(_size, _rand_x, _rand_y, _col) {

        this.x = width/2;

        this.y = height/2;

        this.color = _col;

        this.size = _size;

        this.rand_x = _rand_x;

        this.rand_y = _rand_y;

    }

​

    move(wind) {

        this.x = this.x + random(-this.rand_x, this.rand_x) + wind.x;

        this.y = this.y + random(-this.rand_y, this.rand_y) + wind.y;

​

        if (this.x < 0) this.x = width;

        if (this.x > width) this.x = 0;

        if (this.y < 0) this.y = height;

        if (this.y > height) this.y = 0;

    }

​

    show(temp) {

        colorMode(HSB);

        let hue = map(temp, -10, 40, 240, 0);

        fill(hue, 100, 100, 0.5);

        noStroke();

        ellipse(this.x, this.y, this.size, this.size);

    }

}

​

// Custom function

function updateData() {

    let url = 'https://api.openweathermap.org/data/2.5/weather?q=' + place + '&units=metric&appid=' + API_key

    loadJSON(url, getWeather);

}

​

function getWeather(weather) {

  // print(weather)

    placeName = weather.name;

    temp = weather.main.temp;

    windDegree = weather.wind.deg - 90 + 180;

    windKPH = weather.wind.speed;

    windVector = p5.Vector.fromAngle(radians(windDegree), windKPH/2);

    // localTime = weather.location.localtime;

​

    // getTime(localTime);

}

​

function getTime(time) {

    h = Number(time.split(' ')[1].split(':')[0]);

    m = Number(time.split(' ')[1].split(':')[1]);

​

    timeAsMinute = 60 * h + m;

    timeToPi = map(timeAsMinute, 0, 60*24, 0, TWO_PI);

    brightnessWithTime = 1 - (cos(timeToPi)+1)/2;

}

​

// p5 basic functions

function setup() {

    updateData();

​

    createCanvas(400, 400);

    background(0);

    for (let i = 0; i < 200; i++) {

        walkers[i] = new Walker(20, 2, 2, 10);

    }

}

​

function draw() {

    colorMode(RGB);

    background(brightnessWithTime * 60, brightnessWithTime * 115, brightnessWithTime * 205, 55);

​

    fill(255);

    textSize(40);

    text(placeName, width/2, 100);

    if (h != undefined && m != undefined) {

        if (String(h).length < 2) h = '0' + h;

        if (String(m).length < 2) m = '0' + m;

    }

    // text(h + " : " + m , width/2, 300);

    text(temp, width/2, 300);

​

    for (let i = 0; i < 200; i++) {

        if (windVector != undefined) walkers[i].move(windVector);

        walkers[i].show(temp);

    }

}

​

// mouse click handle function

function mouseClicked() {

    place = places[count++%places.length];

  // print(place)

    updateData();

}