Yesterday I started doing some code to practice a bit the concepts of OOP... I'm trying to make a simple Space Invaders alien generator... Basically I want to create a code that will create a 12x8 grid of square objects, and fill it randomly white or black. Then is the part I got stuck... I want to take that grid and just flip it so to create a symmetric shape.... I basically create the first half of the alien and flip horizontally to complete it.

I am using a 2d Array to create the first grid and push/pop Matrix for the symmetry... But the result is upside down as you can see from the code below... Any ideas?

2. Tile [][] grid;
3. 
   
4. //number of rows and columns
5. int cols;
6. int rows;
7. 
   
8. void setup() {  
9.   size(600, 600);
10.   background(255);
11.   //cols=width/6;
12.   // rows=height/6;
13.   cols=12;
14.   rows=8;
15.   grid = new Tile[cols][rows]; //the array dimensions are equal to n.of rows/columns
16. 
    
17.   //loop through cols and rows
18.   for (int i=0; i<cols; i++) {
19.     for (int j=0; j<rows; j++) {
20.       //start creating objects
21.       grid[i][j] = new Tile (i*5, j*5, 5);
22.     }
23.   }
24. 
    
25.   for (int i=0; i<cols; i++) {
26.     for (int j=0; j<rows; j++) {
27.       //show me them goodies
28.       pushMatrix();
29.       translate(180, 180);
30.       grid[i][j].display();
31.       popMatrix();
32.     }
33.   }
34. }
35. 
    
36. void draw() {
37. }

And here is the class

2. class Tile {
3.   float x, y;
4.   float side;
5.   int col;
6.   int chance;
7. 
   
8.   Tile (float tempX, float tempY, float tempSide) {
9.     x = tempX;
10.     y = tempY;
11.     side = tempSide;
12.     
13.     float fate = random(10);
14.     chance = int(fate * 1.4);
15.   }
16. 
    
17.   void display() {
18.     if (chance <= 5) {    
19.       fill(0);
20.       println('0');
21.     } 
22.     else {
23.       fill(255);
24.       println('1');
25.     }
26.     rect (x, y, side, side);
27.     pushMatrix();
28.     translate(60,15);
29.     rotate(radians(180));
30.     rect (x, y, side, side);
31.     popMatrix();
32.   }
33. }
34. 
    

1. Tile [][] grid;
   //number of rows and columns
   int cols;
   int rows;
   
   
   void setup() {
     size(600, 600);
     cols=width/6;
     rows=height/6;
     grid = new Tile[cols][rows]; //the array dimensions are equal to n.of rows/columns
   
   
     //loop through cols and rows
     for (int i=0; i<cols; i++) {
       for (int j=0; j<rows; j++) {
         //initiate objects
         grid[i][j] = new Tile (i*60, j*60, 60, 200);
       }
     }
   }

2. void draw() {
3.   background(50);
4.   for (int i=0; i<cols; i++) {
5.     for (int j=0; j<rows; j++) {
6.       //show me them goodies
7.       grid[i][j].display();
8.     }
9.   }
10.  grid[4][4].black();
11. }

So the nested loops actually render the grid (display is a class method), and the line 10 should access the Tile at position 4,4 and change fill(200) to 0....

but it doesn't... any idea why?

I'll write you down also the class file (just in case);

2. class Tile {
3.   float x, y;
4.   float side;
5.   int col;
6. 
   
7.   Tile (float tempX, float tempY, float tempSide, int tempCol) {
8.     x = tempX;
9.     y = tempY;
10.     side = tempSide;
11.     col = tempCol;
12.   }
13. 
    
14.   void display() {
15.     rect (x, y, side, side);
16.     stroke(220);
17.     fill(col);
18.   }
19. 
    
20.   void black() {
21.     stroke(220);
22.     fill(0);
23.   }
24. }

thanks in advance

I've been trying this for a while, but I don't understand if it's me missing something or whatelse....
I'm trying to create a simple GUI where I have a color picker... Problem is the slider are quite small and I would like to augment the HEIGHT of the RGB slider... 

2. controlP5 = new ControlP5(this);
3. /*
4. * (floatMin,floatMax,float DefaultValue,int X,int Y,int W,int H)
5. */
6.   cp = controlP5.addColorPicker("picker",100,150,sliderW+50,0);

The way it should be is that the last two parameters are for length (siderW+50) and height (0)... But no matter what value I assign to the last it just won't change...

Is it possible or not?
The alternative otherwise would be to use the simple Slider with the size I want; I would have then to change color with the setColor method and so forth for the two other color picker slider (I'm thinking RGB)... Lot of work, so I hope you might help shed some light on the issue...

Thanks in advance

I've had a lot of spare time on my hand the last few days and I've been fooling around with processing and the mighty WEB.

All I want to do is for processing to communicate with a website, blog or similar, download informations from the page and turn them into values to use for other purposes (such as dimming led through an Arduino i.e. absolutely pointless programming exercise). I chose for now to use facebook as a target for experimenting since I thought many people had tried before already.

Anyway I've scanned the forum, the processing wiki, and the FB developer page hoping to understand how to do it, without much success.

I found out this line of code in here that uses REST API for FB:

http://wiki.processing.org/w/Facebook,_REST_API

Of course the API is now obsolete by what I can read from the FB Develop. page

http://developers.facebook.com/docs/reference/rest/

and it says to use the Graph API even though it is not clear at all to me how to implement that into the coding. All I see is a bunch of https examples I don't know how to translate in useful coding for Process.

In the REST CODE I posted you can read that it access informations of the users through specific methods:

Is anyone up to write down a possible way to make Processing inquiry a specific page and download public informations? I know I'm not the only one interested out there!

I'll keep on fooling around with the code, hoping to bring something more than a request to the discussion

Thanks all

I've been trying to this for a few days but I'm ashamed to say I'm stuck....

The code I'm doing is meant to visualize a project I'm working on. Basically it's a bunch of lamps that reacts to the user interaction by dimming on and off...Pretty straightforward....

On the screen you have two light sources ( two ellipses) and the mouse cursor is playing as the visitor: the closest the visitor/cursor the more the light dim; and this is what I called first behavior. Now I'd like to add a new behavior that is triggered whenever the visitor/cursor stands still; I'd like to make Processing understand that the cursor is still for, let's say 3 seconds, and start a new behavior, like changing color to the light (I haven't figure out exactly what but let's stick to that now).

Here is the code;

So the dimming effect is done by assigning to the fill() a value (C) that is the Distance between MouseX and Y and the center of the ellipses. 

What I tried to do without success is reading the Mouse XandY: if the value stays the same for 3 seconds ( = the cursor is still ) then do something.....

Any idea on how to do this?