!7

p { pMain(Gauge); }

sclass Gauge extends PApplet {

/* *************  L3Dnam - may2015  ****************** 
This sketch demonstrate how to use PNG images from a gauge and an arrow, to make a fully functional
"real like" Gauge responding for the Mouse-X movement, showing angles for a Servo position (0º to 180º) 
for example!  Need 2 PNG images on Data subFolder inside the Sketch folder.
Marshall B&P gauge.png  and  marshall B&P ponteiro.png. -->  Both images must have no Background.
Create your own png images from real gauges or Other Objetcs and Enjoy.
*/

PImage mostrador, ponteiro; //both images on DATA subfolder
PFont fontA;
int Tx, Ty, P0, P180;       // Tx/Ty position text indicator  P0/P180 start & End point of Arrow
int Wsize1 = 300;   //Wsize1  &  Wsize2 = tamanho janela 
int Wsize2 = 300;
int gauge;       // Gauge1 and Gauge2 are 2 example gauges,  choose one of them on line 20
float value, maxValue = 180, precision = 0.1f;

void mouseMoved() {
  float oldValue = value, newValue = map(mouseX, 0, width, 0, maxValue);
  value = newValue;
  if (floorRatio(oldValue, precision) != floorRatio(newValue, precision))
    redraw();
}

void settings() {
  size (Wsize1,Wsize2 /*,OPENGL XXX*/);
}

void setup() {
/******************************************************************/  
 gauge = 1;     // Gauge Type 1,  choose 2 for another Gauge
/******************************************************************/   
switch (gauge) {
  case 1: 
      mostrador = loadImage(loadImageAsFilePath(#1101160)/*"Gauge B&P Marshall 180.png"*/);
      ponteiro = loadImage(loadImageAsFilePath(#1101161)/*"marshall B&P ponteiro.png"*/); //loadImage("Ponteiro_Vermelho.png");
      Tx=-20 ;  Ty=58; P0=0  ;  P180=272 ;
    break;
  case 2: 
      mostrador = loadImage("gauge.png");
      ponteiro = loadImage(loadImageAsFilePath(#1101162)/*"Ponteiro_Vermelho.png"*/); //loadImage("Ponteiro_Vermelho.png");
      Tx=-17 ;  Ty=74; P0=-226  ;  P180=46 ;
    break;
 }
 imageMode(CENTER);
 fontA = createFont(libraryPath(#1014271/*"dutcheb.ttf"*/), 20); //numeric indication of the Angle
 textFont(fontA);
 
 noLoop();
}


void draw() {
  background(177);
  stroke(153);
  translate(Wsize1/2, Wsize2/2); // posiciona o mostrador no centro da tela
  image(mostrador, 0 , 0 , Wsize1*0.9f, Wsize2*0.9f); // imagem, coluna, linha, Widt, Height
  float rodar = map(value, 0,maxValue,P0,P180); //mouseX movement 0 & 360 grauss for Arrow
  float angulo = map(value, 0,maxValue,0,181); //Numeric mouseX movement 0 & 360 grauss
     fill(255,255,255);                      // Text Color = Blank
     text((int) angulo, Tx,Ty);              // Position of Text with Numeric Angle
     rotate(radians((int) rodar));            // Rotate the Arrow as "rodar" value
switch(gauge) {
  case 1: 
      image(ponteiro, -22.9f, 23.1f, Wsize1*0.33f, Wsize2*0.33f); // imagem, coluna, linha, Widt, Height
    break;
  case 2: 
      image(ponteiro, 21.5f, 0.2f, Wsize1*0.43f, Wsize2*0.06f); // imagem, coluna, linha, Widt, Height
    break;     
  }
}

}

Began life as a copy of #1014268