I am trying to make a quick experiment. I created a class that generates a random sized circles every time you click the screen. I want to implement connecting the circles to one other once they're on screen. So far I've managed to connect them to the center one but I want to implement a connection amongst them all or at least the previous one.

I tried doing pmouseX, pmouseY as I thought this location might only get saved on click since I put it inside the mouseReleased function. Now I know that it's always updating!

Any thoughts? Here's my code, thanks and happy thanksgiving!

2. ArrayList circleCollection;
3. int originX = 400;
4. int originY = 250;
5. float prevX, prevY;
6. 
   
7. void setup(){
8.   size(800,500);
9.   smooth();
10.   frameRate(30);
11.   
12.   //DEFINE ARRAY LIST
13.   circleCollection = new ArrayList();
14. }
15. 
    
16. void draw(){
17.   background(240);
18.   fill(0);
19.   
20.   for(int i = 0; i < circleCollection.size(); i++){
21.     Circle myCircle = (Circle) circleCollection.get(i);
22.     myCircle.display(); 
23.   }
24.   
25.   ellipse(originX, originY, 10,10);
26. }
27.   
28. void mouseReleased(){
29.   Circle myCircle = new Circle(mouseX, mouseY, random(1,10), pmouseX, pmouseY);
30.   circleCollection.add(myCircle);
31. }
32. 
    
33. class Circle{
34.   //CLASS VARIABLES 
35.   float xPos, yPos, diameter, prevX, prevY; 
36.  
37.  //CONSTRUCTOR
38.   Circle(float _xPos, float _yPos, float _diameter, float _prevX, float _prevY){
39.     xPos = _xPos;
40.     yPos = _yPos;
41.     diameter = _diameter;
42.     prevX = _prevX;
43.     prevY = _prevY;
44.   }
45.   
46.   void display(){
47.     ellipse(xPos, yPos, diameter, diameter);
48.     line(originX, originY, xPos, yPos);
49.     line(prevX, prevY, xPos, yPos);
50.   }
51. }

I'm trying to create a sketch that allows you to create posters similar to this one:

http://betweenstudio.tumblr.com/post/30838767476/ethicsinadvertising-by-amanda-mocci

I'm trying to loop through the colors of an array so that as you hold the mouse and drag the sketch will generate a new circle using the next set of values of the array. I am using three arrays (R,G,B). Here's my code!

2. float posX, posY;
3. float ellipseDiameter;
4. //String timestamp;
5. 
   
6. //DECLARE COLOR ARRAY
7. int[] r = {69, 231, 248, 137};
8. int[] g = {39, 99, 233, 224};
9. int[] b = {67, 94, 168, 173};
10. 
    
11. //DEFINE SHAPE ARRAY LIST
12.  ArrayList shapeCollection;
13. 
    
14. void setup() {
15.   size(400, 400);
16.   frameRate(30);
17.   background(69, 39, 67);
18.   smooth();
19.   //timestamp = year() + nf(month(), 2) + nf(day(), 2) + nf(hour(), 2) + nf(minute(), 2)+".png";
20.  
21.  //DEFINE NEW ARRAY LIST
22.  shapeCollection = new ArrayList();
23.   
24. }
25. 
    
26. void draw() {
27.   background (r[0], g[0], b[0]);
28.   
29.   //CALL SHAPE ARRAY LIST
30.   for(int i = 0; i < shapeCollection.size(); i++){
31.     Shape myShape = (Shape) shapeCollection.get(i);
32.     myShape.display();
33.   }
34. }
35. 
    
36. void mouseDragged() {
37.   //ADD NEW SHAPE TO ARRAY LIST
38.   Shape myShape = new Shape(mouseX, mouseY, pmouseX, pmouseY);
39.   shapeCollection.add(myShape);
40. }
41. 
    
42. class Shape{
43.   //GLOBAL VARIABLES
44.   float x = 0;
45.   float y = 0;
46.   float pX = 0;
47.   float pY = 0;
48.    
49.   //CONSTRUCTOR
50.   Shape(float _x, float _y, float _pX, float _pY){
51.     x = _x;
52.     y = _y;
53.     pX = _pX;
54.     pY = _pY;
55.   }
56.    
57.   //FUNCTIONS
58.   void display(){
59.     stroke(255, 255, 255, 130);
60.     ellipseDiameter = 100/abs(sqrt(sq(x-pX)+sq(y-pY)));
61.     
62.     for (int i = 0; i < r.length; i++) {
63.       fill(r[i], g[i], b[i]);
64.     }
65.     ellipse(x,y,ellipseDiameter,ellipseDiameter); 
66.   } 
67. }

Thanks in advance!
I

Very first post here! I just started messing around with processing for android over the weekend and made a really simple drawing app that I'll be adding features to as a way to learn more about android app development with processing.

The app I made is a real simple drawing app that generates random color circles as you drag your finger across the screen and would like to add the feature to set that image as a background once you're done drawing.

Here's a screenshot of how the app looks on the phone (running on Galaxy Nexus).

Any guidance/feedback would be awesome. I made the app thinking of my daughter and she loved it, she actually made that drawing.

Thanks!

Ivan