//import processing.video.*;
import controlP5.*;

ControlP5 controlP5;
Textlabel labText1;
//Textlabel labText2;

//Movie monsterGreen;

//Movie monsterWood;

Slider monsterSizeX;
Slider monsterSizeY;

Knob monsterR;
Knob monsterG;
Knob monsterB;

int frame = 0;
int numFrames = 45;
PImage[] monsterAnimation = new PImage[numFrames];

PFont fontVerdana10;

void setup() {
  size(400, 600);
  background(0);
  smooth();
  
  fontVerdana10 = loadFont("Verdana-10.vlw"); 
  textFont(fontVerdana10); 
  
 for(int i=0; i<numFrames; i++){
    monsterAnimation[i]  = loadImage("MonsterFrontGreen"+nf(2*i,5)+".jpg");
  }
  


  //monsterGreen = new Movie(this, "monsterGreen.mov");
  //monsterWood = new Movie(this, "monsterWood.mov");

  //monsterGreen.loop();

  controlP5 = new ControlP5(this);
  monsterSizeX = controlP5.addSlider("Monster Width",0,300,100,70,400,200,5);
  monsterSizeY = controlP5.addSlider("Monster Height",0,300,100,70,420,200,5);
  monsterSizeX.setDecimalPrecision(0);
  monsterSizeY.setDecimalPrecision(0);

  monsterR = controlP5.addKnob("RED",0,255,255,100,440,35);
  monsterG = controlP5.addKnob("GREEN",0,255,255,150,440,35);
  monsterB = controlP5.addKnob("BLUE",0,255,255,200,440,35);

  labText1 = controlP5.addTextlabel("label1","COLOR PANNEL",245,456);

//  labText2 = controlP5.addTextlabel("label2","MODIFY THE MONSTER WITH CONTROLLERS ABOVE",80,height-12);
//  labText2.setColorValue(0x817D7D);

}

void draw() {
  background(0);
  
  //tint(255, 20);
  //image(monsterGreen,width/2-monsterGreen.width/2,height/2-monsterGreen.height/2);

  drawMonster(0,0);

  imageMode(CORNER);
  controlP5.draw();
  
  fill(120);
  text("Control the panel and modify your monster", 80, height-13);
}

//void movieEvent(Movie myMovie) {
//  myMovie.read();
//}


void drawMonster(int offsetX, int offsetY){
  frame = (frame+1) % numFrames;
  imageMode(CENTER);
  pushMatrix();
  translate(map(monsterSizeX.value(),0,200,width/2,-width/2)+offsetX,map(monsterSizeY.value(),0,200,height/3.5,-height/3.5)+offsetY);
  pushMatrix();
  scale(monsterSizeX.value()/100+0.01,monsterSizeY.value()/100+0.01);
  tint(monsterR.value(), monsterG.value(), monsterB.value()); 
  image(monsterAnimation[frame],width/2+10,230);
  noTint();
  popMatrix();
  popMatrix(); 
}