Processing Forum

flood fill with recursion

[5 Replies]
- 18-May-2013 12:59 AM
- Forum: Programming Questions
just a while ago I came across recursive methods
no idea why I had not come across it before since they can be good

any way I tried to make a flood fill method what do you know I got stackover flow error

wonder if any of you guys have any ideas

I did look around online some suggested increasing the JVM stack size

but said that the best was to find a way to break out of th recursion

which is what I would like

below code more or less works except for large areas
1. color old= color(255);
2. void setup()
3. {
4. size(500,500);
5. background(255);
6. strokeWeight(5);
7. for(int i=0; i<30;i++)
8. {
9. line(random(height),0,0,random(width));
12. }
13. }
15. void draw()
16. {
17. }
19. void mousePressed(){
20. old=get(mouseX, mouseY);
21. Fill(mouseX,mouseY,old, color(random(200,255),255,200));
22. }
24. void Fill(int x,int y,color oldColor,color newColor){
25. if(get(x,y)!= oldColor)
26. return;
27. //&&x>height&&y>width&&x<0&&y<0
28. set(x,y,newColor);
29. Fill(x + 1, y, oldColor, newColor);
30. Fill(x - 1, y, oldColor, newColor);
31. Fill(x, y + 1, oldColor, newColor);
32. Fill(x, y - 1, oldColor, newColor);
33. }

how is sizeof each arraylist object determined

[9 Replies]
- 01-Mar-2013 01:24 AM
- Forum: Programming Questions
for some time now I have been using arraylist as a means to store data
but there is always some worry about getting the the size of the list too big,

so how is the size of each object determined especially when you are using your own custom class

is the class wrapped for each object or are the parameters passed to the constructor alone are saved when the new objects are created and when manipulating that object are the parameters again passed to the same class

the main reason I'm asking this is because after I got into processing I have started looking into java 2d Garphics

I made the class below to draw shapes I realize that I could just use the shape method already provided but I did not want to simply save the x,y,width,height alone but the fill and stroke color as well

you can actually see that the contains method is actually from the button example from processing

NOTE: I have not actually used string switch case before but that actually works
1. class drawShape {
2. private float x, y, width, height;
3. Color fillcolor, strokecolor;
4. String shapetype;
5. Shape shape;
8. public drawShape(String shapetype, float x, float y, float width, float height, Color fillcolor,Color strokecolor)
9. {
10. this.x =x;
11. this.y = y;
12. this.width=width;
13. this.height=height;
14. this.fillcolor= fillcolor;
15. this.strokecolor= strokecolor;
16. this.shapetype= shapetype;
17. }
18. public void draw(Graphics g) {
19. Graphics2D g2 = (Graphics2D)g;
21. g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING,
22. RenderingHints.VALUE_ANTIALIAS_ON);
24. shapetype.toLowerCase();
25. float x1 = Math.min(x, width);
26. float y1 = Math.min(y, height);
27. float width1 = Math.abs(x-width);
28. float height1 = Math.abs(y- height);
31. switch(shapetype)
32. {
33. case "rect":
34. shape = new Rectangle2D.Float(x1,y1,width1,height1);
35. break;
36. case "ellipse":
37. shape = new Ellipse2D.Float(x1,y1,width1,height1);
38. break;
39. case "line":
40. shape = new Line2D.Float(x, y, width, height);
41. break;
42. default:
43. System.out.println("No Shape Selected");
44. break;
45. }
47. g2.setStroke(new BasicStroke(4));
48. g2.setPaint(strokecolor);
49. g2.draw(shape);
50. g2.setPaint(fillcolor);
51. g2.fill(shape);
52. }
54. boolean contains(float posx, float posy) {
56. float diameter= (float) Math.PI*((width/2)*(height/2));
57. float disX = x - posx;
58. float disY = y - posy;
59. if (Math.sqrt((disX*disX) + (disY*disY)) < diameter/2 ) {
60. return true;
61. } else {
62. return false;
63. }
64. }
65. }
EDIT: since I'm asking anyways let me ask on more thing

I have seen
1. public void draw(Graphics g) {
2. Graphics2D g2 = (Graphics2D)g;
sometimes it is cast to graphics2d object

I have also seen this

what exactly is the difference
1. public void draw(Graphics2D g2) {

put sketch with external libraries in website

[11 Replies]
- 26-Feb-2013 03:12 PM
- Forum: Integration and Hardware
I have seen similar questions posted before but seems the general answer is that it cannot be done

but I know for a fact that this is not true for example why do quarks examples work.

older processing version used to be able to export as an applet which you could embed in a html file.

I have read how processing makes a web sketch by turning the sketch code to JavaScript with canvas tag referencing the .pde file

what I basically want to do is do what quarks did with his example, he seems to have somehow converted his sketches into an applet which can use external libraries or jars without any problem

I don't know much about html I can probably make static pages but that about it but I viewed one of his examples

I tried to copy what he did with sketch but it did not work

view-source:http://www.lagers.org.uk/g4p/applets/g4p_dialogs/index.html

any suggestions

done open, save, undo and redo (can make better )

[3 Replies]
- 09-Feb-2013 09:43 PM
- Forum: Contributed Library Questions
I was trying to achieve open and save functions frankly I did not understand selectinput and selectoutput

but thanks to it being made easier by G4P I did it

as for undo and redo I used an PImage arraylist to get an instant of the canvas after each action

all work,

I have two small question

I wanna know

if undo redo can be made better since the sizeof the arraylist is how many actions have been taken

and that can get quite big

the other is if I can change the default image format to save in.

the default is tiff.

during saving you can specify format such as myimage.jpg

and it will save in jpg
1. import g4p_controls.*;
2. GImageButton btnInput, btnOutput;
3. int lineToolX, lineToolY;
4. PImage save;
5. PImage screen;
6. ArrayList<PImage> screens;
7. int counter=1;
8. int redocounter=0;
10. void setup() {
11. size(400,400);
12. background(255);
13. frameRate(200);
14. loadPixels();
15. screens=new ArrayList();
16. //PApplet.useNativeSelect=true;
17. String[] files;
18. files = new String[] {
19. "openB.png", "openA.png"
20. };
21. btnInput = new GImageButton(this, 0,0,files);
22. files = new String[] {
23. "saveB.png", "saveA.png"
24. };
25. btnOutput = new GImageButton(this, 0, 57, files);
27. }
29. void draw()
30. {
31. rect(0,57*2,57,57*2);
32. fill(200);
33. //used as undo button
34. rect(0,57*2,57,57);
35. /*if(mousePressed&&mouseX<57&&mouseY>(57*2)&&mouseY<(57*3))
36. {
37. --counter;
38. set(57,57,screens.get(counter));
39. }*/
40. fill(100);
41. //used as undo button
42. rect(0,57*3,57,57);
43. if(mousePressed&&mouseX<57&&mouseY>(57*2)&&mouseY<(57*3))
44. {}
45. if(mousePressed&&mouseX>57){
46. stroke(0);
47. strokeWeight(3);
48. noFill();
49. line(pmouseX,pmouseY, mouseX, mouseY);
50. }
51. }
53. void mousePressed()
54. {
55. if(mouseX<57&&mouseY>(57*2)&&mouseY<(57*3)&&mousePressed)
56. {
57. counter++;
58. if((screens.size()-counter)>=0){
60. set(57,57,screens.get(screens.size()-counter));
61. println(screens.size()+" "+counter+" "+(screens.size()-counter));}
62. }
63. if(mouseX<57&&mouseY>(57*3)&&mouseY<(57*4)&&mousePressed)
64. {
65. if(counter>1){
66. counter--;
67. if((screens.size())!=counter){
69. set(57,57,screens.get(screens.size()-counter));
70. println(screens.size()+" "+counter+" "+(screens.size()-counter));} }
71. }
72. lineToolX = mouseX;
73. lineToolY = mouseY;
74. }
76. void mouseReleased() {
77. if(mouseX>57&&mouseY>57){
78. redocounter++;
79. screen=get(57,57,width,height);
80. screens.add(screen);
81. println(screens.size()+" "+counter);}
82. loadPixels();
83. }
86. // G4P code for folder and file dialogs
87. public void handleButtonEvents(GImageButton button, GEvent event) {
88. String fname;
89. // File input selection
90. if (button == btnInput) {
91. // Use file filter if possible
92. fname = G4P.selectInput("Open", "png,gif,jpg,jpeg", "Image files");
93. save = loadImage(fname);
94. set(0, 0, save);
95. loadPixels();
96. }
97. // File output selection
98. else if (button == btnOutput) {
99. fname = G4P.selectOutput("Save as");
100. save = get();
101. save.save(fname);
102. //lblFile.setText(fname);
103. }
104. }

how to create custom brush strokes

[2 Replies]
- 05-Feb-2013 09:29 AM
- Forum: Programming Questions
I have been trying to create custom brush strokes sort of like in ms paint

i have been trying to create calligraphy pen effects as well as brush effects in processing no such luck so far

brush effects like below

I used a brush method to copy the effects of line(pmouseX,pmouseY,mouseX,mouseY);

but even that did not work the main problem is when the mouse is dragged fast but when slow it is okay

below is my experiment pad
1. //pixels[y*width+x]
2. PVector v1;
3. int PenPrevX,PenPrevY;
4. void setup()
5. {
6. background(255);
7. size(400,400);
8. frameRate(200);
9. strokeWeight(5);
11. }
12. void draw()
13. {
14. //v1=new PVector()
15. if(mousePressed){
16. //brush(pmouseX,pmouseY,mouseX,mouseY);
17. strokeWeight(1);
18. smooth();
19. for(int i=0;i<60;i++){
20. line(pmouseX+5,pmouseY-5,mouseX-5,mouseY+5);
21. line(pmouseX+4,pmouseY-4,mouseX-4,mouseY+4);
22. line(pmouseX+3,pmouseY-3,mouseX-3,mouseY+3);
23. line(pmouseX+2,pmouseY-2,mouseX-2,mouseY+2);
24. line(pmouseX+1,pmouseY-1,mouseX-1,mouseY+1);
25. line(pmouseX,pmouseY,mouseX,mouseY);
26. line(pmouseX-1,pmouseY+1,mouseX+1,mouseY-1);
27. line(pmouseX-2,pmouseY+2,mouseX+2,mouseY-2);
28. line(pmouseX-3,pmouseY+3,mouseX+3,mouseY-3);
29. line(pmouseX+4,pmouseY-4,mouseX-4,mouseY+4);
30. line(pmouseX+5,pmouseY-5,mouseX-5,mouseY+5);
31. //brush(pmouseX,pmouseY,PenPrevX,PenPrevY);
32. }
33. }
34. //PenPrevX = mouseX;
35. //PenPrevY = mouseY;
37. }
39. void mouseDragged(){
41. //brush(pmouseX,pmouseY,mouseX,mouseY);
42. //line(mouseX+5,mouseY-5,mouseX-5,mouseY+5);
45. }
47. void brush(int x1,int y1,int x2,int y2)
48. {
49. strokeWeight(1);
50. line(x1+5,y1-5,x1-5,y1+5);
51. line(x2+5,y2-5,x2-5,y2+5);
52. }

controlP5frame how to change value of variable in external frame from main canvas

[0 Replies]
- 03-Feb-2013 12:43 PM
- Forum: Contributed Library Questions
I wanna know how to change the value of a variable inside controlP5 external frame from the main canvas(PApplet)

I know you can do this from the external frame for example you can add
1. .plugTo(parent,"def")
to buttons and slider and that will affect a value in the main canvas but I want values passed between the two canvasses regardless if I have controlP5 controller or not

manipulating shapes drawn in canvas

[13 Replies]

28-Jan-2013 09:02 AM
Forum: Programming Questions

I want to know how to manipulate shapes drawn in canvas, their X Y width and heigh

my code below draw an number of rectangles I want to be able to at least manipulate the last drawn shape

I have never used Pshape, but this be achieved through an Pshape array

adding the shape to array every time the shape is drawn

and then access them through the array

                  
                   int lineToolX, lineToolY; void setup() { size(400,400); background(255); frameRate(200); loadPixels(); } void draw() { if(mousePressed){ updatePixels(); stroke(0); strokeWeight(3); noFill(); rect(lineToolX, lineToolY, mouseX-lineToolX, mouseY-lineToolY); } } void mousePressed() { lineToolX = mouseX; lineToolY = mouseY; } void mouseReleased() { loadPixels(); }

specify android device instead of emulator

[2 Replies]
- 25-Jan-2013 07:26 AM
- Forum: Android Processing
I have a problem running my program on android so I looked on here found a solution that let my run my program in the emulator through specifying the emulator in preferences.txt
like so android.emulator.port=5554
but now I want to run it on a real device is it possible to specify my device in perferences.txt lik I did with the emulator

of course the real problem is that processing cannot connect to either emulator or device by itself for some reason

how to use selectInput(), save(), selectOutput() ?

[1 Reply]
- 16-Dec-2012 05:39 PM
- Forum: Programming Questions
what I have created is a painting program I want user to be able to load an image from where he wishes from a storage drive
and load onto the sketch modify it and save into a folder of the users choosing

I have looked at the example code from the processing website but I don't really understand maybe it is because I had not any experience in programming before processing I have searched for example on-line of people actually using them in their work but I can find none

I will be very grateful if you gents could help me out.

flood fill algorithm help making one

[3 Replies]
- 08-Dec-2012 07:20 PM
- Forum: Programming Questions
how to make a fill bucket tool

I actually already found some code but is is not mine and I don't even understand it

I got from openProcessing here

http://www. openprocessing.org/sketch/67453

I also found one done by PhiLho a user who has helped me about two or three times around here

the code from PhiLho can be found http://processing.org/discourse/beta/num_1138719727.html

truthfully I have not looked through PhiLhos code as I just found and I thought wow that is long as it is 3 .PDE files I just wanted a short method like the one below

so if you have any suggestions I will be gratefull

I understand the code below for most part I know it looks at the pixel

where the mouse has clicked and checks that its color is not the same as the fill color and changes it if not, then does that for the surrounding pixels

the part I don't get is PXList and what it is used for and the shifting of vectors

I'm very at shifting I read about on the Processing site but it is still confusing

remember I have just started doing stuff on processing just a bit over a week ago
2. public void Fill(int x, int y) {
4. if(get(x,y) != SelectedColour) {
6. int PXList[] = new int[2 * height * width];
7. int PXListSize = 0;
9. PXList[0] = (y << 16) + x;
10. PXListSize = 1;
12. set(x, y, SelectedColour);
14. while (PXListSize > 0){
16. x = PXList[0] & 0xffff;
17. y = (PXList[0] >> 16) & 0xffff;
19. PXListSize--;
20. PXList[0] = PXList[PXListSize];
22. if (x > 0) {
23. if ((get(x-1, y) == FillColour)) {
24. set(x-1, y, SelectedColour);
25. PXList[PXListSize] = (y << 16) + x-1;
26. PXListSize++;
27. }
28. }
30. if (y > 0) {
31. if ((get(x, y-1) == FillColour)) {
32. set(x, y-1, SelectedColour);
33. PXList[PXListSize] = ((y-1) << 16) + x;
34. PXListSize++;
35. }
36. }
38. if (x < width) {
39. if ((get(x+1, y) == FillColour)) {
40. set(x+1, y, SelectedColour);
41. PXList[PXListSize] = (y << 16) + x+1;
42. PXListSize++;
43. }
44. }
46. if (y < height) {
47. if ((get(x, y+1) == FillColour)) {
48. set(x, y+1, SelectedColour);
49. PXList[PXListSize] = ((y+1) << 16) + x;
50. PXListSize++;
51. }
52. }
53. }
54. }
56. }

Is it possible to draw free hand shapes (squares, ellipses)

[4 Replies]
- 27-Nov-2012 06:43 AM
- Forum: Programming Questions
Is it possible to draw free hand shapes (squares, ellipses) like you can do in paint

the height and width of of the shape being dynamic

this is done in almost every paint program out there from gimp to Photoshop

I can draw a shape of fixed anywhere on the canvas
```
                   
                    rect(mouseX, mouseY, 55, 55);
                   
```

create multiple buttons in processing

[5 Replies]
- 12-Nov-2012 10:43 AM
- Forum: General Discussion
does anyone know how to define an object as a button
either a shape or an image

I'm basically trying to create a a program like paint

I'm trying define a bunch of squares each a different colour

so when I press the green square I can paint a line

I can draw a line but I can only set the colour by changing the code

Activity Trend