1. import g4p_controls.*;       //GUI Library
   import processing.serial.*;  //Serial Library
   PImage img;  //TCAP Image
2. boolean onbutton1 = false; //button starts as OFF
3. Serial myPort; //New serial
4. 
   public void setup(){
     size(996, 679, JAVA2D);
     createGUI();
     customGUI();
     img = loadImage("Background.JPG"); // image
     myPort = new Serial(this, Serial.list()[1], 9600);
   }
5. public void draw(){
     background(img);
6.       if(millis()>30000)                        //WHERE I'M HAVING DIFFICULTY!
7.       {                                              // I want to have the button actuate without clicking
8.          onbutton1_click1(1,444045);   // after 30 seconds using the code from the GUI tab below
9.       }
   }
10. 
    // Use this method to add additional statements
    // to customise the GUI controls
    public void customGUI(){
11. }

1. public void button1_click1(GImageButton source, GEvent event) { //_CODE_:valve1:444045:
     println("imgButton2 - GImageButton event occured " + System.currentTimeMillis()%10000000 );
   onbutton1=!onbutton1;
   myPort.write(17);
   } //_CODE_:valve1:444045:   //<------ I'm using this code because I believe it's                         
                                            // got something to do with what I want!

Hey folks,

I am trying to incorporate a background image using Quarks' GUI Builder. Problem is, when I set the background(img) to the picture of my choice, all the buttons are behind the background! Any ideas on how I can change this setup?

I tried to just go with it anyway but after I place about 15 buttons, I get an "ArrayIndexOutOfBoundsException:-1" error.

Also note that I'm setting the size() to the appropriate settings for the image.

I am using Processing 2.0 on Windows XP. If you are familiar with the GUI builder, here's the code for my background:

1. // Need G4P library
   import g4p_controls.*;
   PImage img;
   
   public void setup(){
     size(1336,909, JAVA2D);
     createGUI();
     customGUI();
     img = loadImage("BACKGROUND.JPG");
    
   }
   
   public void draw(){
    
     background(img);
    
   }
   
   // Use this method to add additional statements
   // to customise the GUI controls
   public void customGUI(){
   
   

EDIT: I have also tried "image(img,0,0);" instad of "background(img);". Neither seem to be successful.