let all_msgs = [];

let inputfield;

​

let s;

let scanvas;

​

let cstr = "...";

​

let outputdiv;

let tsoutputdiv;

​

let toff = 1;

​

function preload() {

​

loadData();

  s = loadShader('shader.vert', 'shader.frag');

}

​

​

function loadData(){

​

   loadJSON('https://art-to-take.gfzk.de/micro_db/all_msgs.php', gotWorldData, 'json');

​

}

​

​

function gotWorldData(data){

​

   all_msgs = [];

  let tick = 0;

​

   while( tick < data.length ){

    let c = data[tick]; 

       all_msgs.push(c);

      tick++;

    }

}

​

​

​

​

​

function setup() {

    createCanvas(window.innerWidth,window.innerHeight);

   inputfield = document.getElementById("new_commy");

  outputdiv = document.getElementById("outputdiv");

  tsoutputdiv  = document.getElementById("tsoutputdiv");

  inputfield.addEventListener("change", send_new_msg, false); 

  scanvas = createGraphics(window.innerWidth,window.innerHeight,WEBGL);

​

}

​

function draw() {

  /*

  s.setUniform("resolution", [width, height]);

  s.setUniform("time", millis()*.001);

  scanvas.fill(222);

  scanvas.noStroke();

  scanvas.rect(112,112,112,112);

   scanvas.shader(s);

  */

  //image(scanvas,0,0);

}

​

function mousePressed(){

​

  /*

    $.post("https://art-to-take.gfzk.de/micro_db/new_msg.php", {msg : "Donald Duck2"}, postcallback);

*/

  let rmsg =   random(all_msgs);

  let ms = Date.now();

  toff = ms*.001 - float(rmsg['ts']);

 // console.log(rmsg['ts'] + " / "+ ms);

  cstr = rmsg['msg'];

  tsoutputdiv.innerHTML = round(toff/60) + " min ago";

  outputdiv.innerHTML =  cstr;

}

​

​

function send_new_msg(){ 

 let istr = inputfield.value;

  if(istr.length>3){

    console.log(istr);

    $.post("https://art-to-take.gfzk.de/micro_db/new_msg.php", {msg : istr}, postcallback);

  }

  inputfield.value = "";

}

​

​

function postcallback(data, status){

    console.log("Data: " + data + "\nStatus: " + status);

  loadData();

​

}