/* built with Studio Sketchpad: 
 *   https://sketchpad.cc
 * 
 * observe the evolution of this sketch: 
 *   https://p5js.sketchpad.cc/sp/pad/view/ro.HeAVO-RHFhS/rev.706
 * 
 * authors: 
 *   Kris Frajer

 * license (unless otherwise specified): 
 *   creative commons attribution-share alike 3.0 license.
 *   https://creativecommons.org/licenses/by-sa/3.0/ 
 */ 



// Boomerange effect - Proof of concept
// REFERENCE: https://forum.processing.org/two/discussion/27681/how-to-make-ascending-and-descending-list-of-numbers-based-on-time#latest
//
//NOTICE: WebGL doesn't seem to fully implement Processing functions such as image(). More at https://github.com/processing/p5.js/issues/1507

var PH8 = function ( p ) {
  var myCanvas;
  var m;
  var upFlag;
  var currentTimer;
  var pg;


  var img;
  var img2;
  var coma, dearlove, icantthink;


  p.preload = function() {
    img = p.loadImage("/static/uploaded_resources/p.23038/timeline_sw.languages_1995.java.1.0.jpg");
    img2 = p.loadImage("/static/uploaded_resources/p.23038/figSmall.jpg");
    //comma = p.loadModel('http://people.sc.fsu.edu/~jburkardt/data/obj/airboat.obj');
    //dearlove = p.loadModel('https://groups.csail.mit.edu/graphics/classes/6.837/F03/models/cow-nonormals.obj');
    //icantthink = p.loadModel('https://groups.csail.mit.edu/graphics/classes/6.837/F03/models/pumpkin_tall_10k.obj');
  }

  p.setup = function() {
    myCanvas = p.createCanvas(600, 400, p.P2D); 
    
    pg = p.createGraphics(p.width-100, p.height-200,p.WEBGL);
    p.imageMode(p.CENTER,p.CENTER);
    m = 0;
    upFlag=1;
    img.resize(p.width/4,0);

    setInterval(function() {
      clearInterval(currentTimer);
      if (upFlag==0) {                        
        currentTimer = setInterval(p.countUp, 100);
        upFlag=1;
      } else {
        currentTimer = setInterval(p.countDown, 100);
        upFlag=0;
      }
    },1000);
    
  }// Setup

  p.draw = function() {
    p.background('#c3f2cf');
    //console.log("m = " + m);
    p.translate(p.width/2,p.height/2);
    p.rotate(m/10.0);
    if (p.mouseIsPressed) {      
      p.image(img,0,0);
      
    } else {
        
      //pg.background(190,255,190);
      //pg.push();
      //pg.translate(p.width/2,p.height/2, 100);
      //pg.normalMaterial();
      //pg.rotateX(3.14159);
      //pg.rotateY(0.78539+ p.frameCount*0.05);
      //pg.scale(0.5);
      //pg.fill(150);
      //pg.stroke(0,150,25);
      
      //var pg2 = p.createGraphics(256,256);
      //pg.box(p.witdth/2,50,50);
      //pg2.text('hello world!', 50, 50);
      //pg.texture(pg2);
      //pg.pop();
      //p.image(pg,50,0);
      p.image(img2,0,0);
    }
  }

  p.countUp = function() {
    m += 1;
  }

  p.countDown = function() {
    m -= 1;
  }
}



myp5 = new p5(PH8, 'container8');