Processing Forum

Problem with PGraphics

[0 Replies]
- 09-Jun-2011 11:22 AM
- Forum: Contributed Library Questions
Firstly, I've been toying around with PGraphics because of the paint program I'm doing. It works fine in the sense that the image that is saved doesn't show the color palette or controlP5 buttons, but if you use the eraser button that I made it changes the color of the line to a color that's almost the background color, but not the actual background color. I don't know what causes this because the background and the fill of the line are the same numbers in the actual code.

Second, whenever I start to color in and drag the mouse over the color palette the line draws over the colors, instead of changing the fill like its supposed to.

Here's the code
2. import controlP5.*;
3. PGraphics canvas;
5. ControlWindow controlWindow;
6. ControlP5 controlP5;
8. int theValue;
9. int QQ;
10. float myNumber;
11. int cols=10;
12. int rows=2;
14. color f1 = color(0);
15. color f2 = color(200);
16. boolean over = false;
18. Cell[][] palette = new Cell[cols][rows];
19. color[] rectCol = new color[20];
21. void setup() {
22. size(800,800);
23. canvas = createGraphics(800,800,JAVA2D);
24. canvas.beginDraw();
25. canvas.smooth();
26. canvas.endDraw();
27. controlP5 = new ControlP5(this);
28. Controller New = controlP5.addButton("New",0,0,0,40,19);
29. Controller Save = controlP5.addButton("Save",0,0,181,40,19);
30. Controller Quit = controlP5.addButton("Quit",0,280,0,40,19);
31. Controller Eraser = controlP5.addButton("Eraser",00,280,181,40,19);
32. Controller slider = controlP5.addSlider("size",0,200,0,160,50,10,100);
33. controlWindow = controlP5.addControlWindow("Stuff",0,0,320,200);
34. controlWindow.hideCoordinates();
35. controlWindow.setBackground(200);
36. New.setWindow(controlWindow);
37. Save.setWindow(controlWindow);
38. Quit.setWindow(controlWindow);
39. Eraser.setWindow(controlWindow);
40. slider.setWindow(controlWindow);
41. for (int i=0; i<cols; i++) {
42. for (int j=0; j<rows; j++) {
43. palette[i][j] = new Cell(i*20,j*20,20,20,2*i+j);
44. }
45. }
46. rectCol[0] = color(0); //black
47. rectCol[1] = color(255); //white
48. rectCol[2] = color(46, 11, 11); //brown
49. rectCol[3] = color(120, 10, 10); // dark red
50. rectCol[4] = color(255, 0, 0); //red
51. rectCol[5] = color(250, 71, 74); // light red
52. rectCol[6] = color(245, 59, 255); //pinkish
53. rectCol[7] = color(232, 0, 245); // pink
54. rectCol[8] = color(129, 3, 137); //purple
55. rectCol[9] = color(55, 55, 250); //light blue
56. rectCol[10] = color(0, 0, 255); //blue
57. rectCol[11] = color(0, 0, 150); //dark blue
58. rectCol[12] = color(95, 247, 101); //light green
59. rectCol[13] = color(0, 247, 10); //lime green
60. rectCol[14] = color(0, 103, 4); //dark green
61. rectCol[15] = color(58, 103, 0); //yellow green
62. rectCol[16] = color(255, 255, 0); //yellow
63. rectCol[17] = color(255, 100, 0); //orange
64. rectCol[18] = color(155); // gray
65. rectCol[19] = color(55); //grayer
66. }
68. void draw() {
69. for (int i=0; i<cols; i++) {
70. for (int j=0; j<rows; j++) {
71. palette[i][j].display();
72. checkMouseOver(palette[i][j]);
73. }
74. }
75. image(canvas,0,0);
76. }
78. void mouseDragged() {
79. if (over == false) {
80. if (mouseButton == LEFT) {
81. canvas.beginDraw();
82. canvas.noFill();
83. canvas.stroke(f1);
84. canvas.strokeWeight(myNumber);
85. canvas.strokeJoin(ROUND);
86. canvas.line(mouseX,mouseY,pmouseX,pmouseY);
87. canvas.endDraw();
88. }
89. if (mouseButton == RIGHT) {
90. canvas.beginDraw();
91. canvas.noFill();
92. canvas.stroke(f2);
93. canvas.strokeWeight(myNumber);
94. canvas.strokeJoin(ROUND);
95. canvas.line(mouseX,mouseY,pmouseX,pmouseY);
96. canvas.endDraw();
97. }
98. }
99. }
102. void checkMouseOver(Cell c) {
103. if (mousePressed) {
104. if (mouseButton == LEFT && mouseX > c.x && mouseX < c.x+c.w && mouseY > c.y && mouseY < c.y+c.h) {
105. f1 = (get(mouseX,mouseY));
106. over = true;
107. }else if (mouseButton == RIGHT && mouseX > c.x && mouseX < c.x+c.w && mouseY > c.y && mouseY < c.y+c.h) {
108. f2 = (get(mouseX,mouseY));
109. over = true;
110. }
111. }else{
112. over = false;
113. }
114. }
116. class Cell {
117. float x,y,w,h;
118. int c;
120. Cell (float tempX, float tempY, float tempW, float tempH, int tempC) {
121. x = tempX;
122. y = tempY;
123. w = tempW;
124. h = tempH;
125. c = tempC;
126. }
127. void display() {
128. stroke(0);
129. strokeWeight(3);
130. fill(rectCol[c]);
131. rect(x,y,w,h);
132. }
133. }
135. void size(float theEllipse) {
136. myNumber = theEllipse;
137. }
139. public void New(int theValue) {
140. canvas.background(200,200,200);
141. }
143. public void Save(int theValue){
144. canvas.save("picture.jpg");
145. }
147. public void Quit(int QQ){
148. exit();
149. }
151. public void Eraser(int theValue){
152. f1 = color(200);
153. f2 = color(200);
154. }

Making colorpicker inside of my control window using CP5

[0 Replies]
- 17-May-2011 10:54 AM
- Forum: Contributed Library Questions
Using the colorpicker from controlP5 I made my paint program able to choose the colors of the ellipse that you are drawing with, but I can't seem to get it into the control window and whenever I put in cp.setWindow(controlWindow); it tells me that setWindow() isn't a function. Does anyone know how to solve this problem? Thanks in advance.

Control P5 problem

[2 Replies]
- 02-May-2011 11:39 AM
- Forum: Contributed Library Questions
My controlp5 stopped working a few days ago when I downloaded the newest version of Processing. I need to know how to manually install libraries now, like where the path would be. Also, I'm on a mac so that might not help the situation.

Activity Trend