Processing Forum

Buttons not interacting properly

[1 Reply]
- 11-Jun-2012 08:38 AM
- Forum: Programming Questions
I have 7 buttons for an RGB colour corrector, an individual + and - for each R, G, and B and then a reset button.
However when I hover over the Blue - button it also highlights the RESET button and it acts as if it is being pressed, in terms of increasing the strokeWeight but it does not reset everything. That only happens when I click the reset button. However I obviously would like to get rid of the fact that when I interact with the Blue - button, the RESET button acts as if it is being interacted with.

Any help would be appreciated, thank you!
2. PImage Mushrooms;
3. PImage Mushrooms2;
5. float redCC = 1;
6. float greenCC = 1;
7. float blueCC = 1;
11. void setup() {
13. Mushrooms = loadImage ("Mushrooms.jpg");
14. int dimension = (Mushrooms.width*Mushrooms.height);
15. Mushrooms2 = createImage(Mushrooms.width, Mushrooms.height, RGB);
17. size(Mushrooms.width*2, Mushrooms.height);
21. smooth();
22. }
24. void draw() {
25. Mushrooms = loadImage ("Mushrooms.jpg");
26. int dimension = (Mushrooms.width*Mushrooms.height);
27. Mushrooms2 = createImage(Mushrooms.width, Mushrooms.height, RGB);
28. Mushrooms.loadPixels();
29. Mushrooms2.loadPixels();
30. for (int i=0; i < dimension; i+=1) {
31. Mushrooms2.pixels[i] = color( red(Mushrooms.pixels[i])*redCC, green(Mushrooms.pixels[i])*greenCC, blue(Mushrooms.pixels[i])*blueCC);
32. }
33. Mushrooms2.updatePixels();
36. image(Mushrooms, 0, 0);
37. image(Mushrooms2, 1024, 0);
40. //POSITIVE RED
41. if (dist(Mushrooms.width/4, 640, mouseX, mouseY) < 50 / 2) {
42. stroke(0);
43. if (mousePressed) {
44. strokeWeight(5);
45. redCC = redCC+0.2;
46. }
47. }
48. else {
49. cursor(ARROW);
50. noStroke();
51. strokeWeight(1);
52. }
55. rectMode(CENTER);
57. fill(255, 0, 0);
58. rect(Mushrooms.width/4, 640, 50, 50);
60. fill(0);
61. rect(Mushrooms.width/4, 640, 30, 8);
63. rect(Mushrooms.width/4, 640, 8, 30);
67. //NEGATIVE RED
69. if (dist(Mushrooms.width/4, 700, mouseX, mouseY) < 50 / 2) {
70. stroke(0);
71. if (mousePressed) {
72. strokeWeight(5);
73. redCC = redCC -0.2;
74. }
75. }
77. else {
78. cursor(ARROW);
79. noStroke();
80. strokeWeight(1);
81. }
83. fill(255, 0, 0);
84. rect(Mushrooms.width/4, 700, 50, 50);
86. fill(0);
88. rect(Mushrooms.width/4, 700, 30, 8);
92. //POSITIVE GREEN
94. if (dist(Mushrooms.width/2, 640, mouseX, mouseY) < 50 / 2) {
95. stroke(0);
96. if (mousePressed) {
97. strokeWeight(5);
98. greenCC = greenCC+0.2;
99. }
100. }
102. else {
103. cursor(ARROW);
104. noStroke();
105. strokeWeight(1);
106. }
109. rectMode(CENTER);
111. fill(0, 255, 0);
112. rect(Mushrooms.width/2, 640, 50, 50);
114. fill(0);
115. rect(Mushrooms.width/2, 640, 30, 8);
117. rect(Mushrooms.width/2, 640, 8, 30);
121. //NEGATIVE GREEN
123. if (dist(Mushrooms.width/2, 700, mouseX, mouseY) < 50 / 2) {
124. stroke(0);
125. if (mousePressed) {
126. strokeWeight(5);
127. greenCC = greenCC -0.2;
128. }
129. }
131. else {
132. cursor(ARROW);
133. noStroke();
134. strokeWeight(1);
135. }
137. fill(0, 255, 0);
138. rect(Mushrooms.width/2, 700, 50, 50);
140. fill(0);
142. rect(Mushrooms.width/2, 700, 30, 8);
146. //POSITIVE BLUE
148. if (dist(Mushrooms.width/1.3, 640, mouseX, mouseY) < 50 / 2) {
149. stroke(0);
150. if (mousePressed) {
151. strokeWeight(5);
152. blueCC = blueCC+0.2;
153. }
154. }
156. else {
157. cursor(ARROW);
158. noStroke();
159. strokeWeight(1);
160. }
163. rectMode(CENTER);
165. fill(0, 0, 255);
166. rect(Mushrooms.width/1.3, 640, 50, 50);
168. fill(0);
169. rect(Mushrooms.width/1.3, 640, 30, 8);
171. rect(Mushrooms.width/1.3, 640, 8, 30);
176. //NEGATIVE BLUE
178. if (dist(Mushrooms.width/1.3, 700, mouseX, mouseY) < 50 / 2) {
179. stroke(0);
180. if (mousePressed) {
181. strokeWeight(5);
182. blueCC = blueCC -0.2;
183. }
184. }
186. else {
187. cursor(ARROW);
188. noStroke();
189. strokeWeight(1);
190. }
192. fill(0, 0, 255);
193. rect(Mushrooms.width/1.3, 700, 50, 50);
195. fill(0);
197. rect(Mushrooms.width/1.3, 700, 30, 8);
199. //RESET BUTTON
202. if (dist(1536, 675, mouseX, mouseY) < 100 / 2) {
203. stroke(0);
204. if (mousePressed) {
205. strokeWeight(5);
206. redCC = 1;
207. greenCC = 1;
208. blueCC = 1;
209. }
210. }
213. fill(0,0,0);
214. ellipse(1536,675,75,75);
215. fill(255,255,255);
216. textMode(CENTER);
217. text("RESET",1518,680);
219. rectMode(CENTER);
220. fill(255, 0, 0);
222. }

Issues with Colour corrector pixels code.

[8 Replies]
- 10-Jun-2012 05:36 AM
- Forum: Programming Questions
My code includes 6 buttons which work fine, however when I try to attach something to the mouse clicks it never works. I am trying to connect a + and - button to R, G and B to increase and decrease each one separately however when I copy my code into to the mousePressed section, it does not recognise [i] in terms of pixels. Can someone please help. I am new to processing and suck at it!
2. PImage Mushrooms;
3. PImage Mushrooms2;
5. int valueRed = 155;
7. void setup() {
9. Mushrooms = loadImage ("Mushrooms.jpg");
10. int dimension = (Mushrooms.width*Mushrooms.height);
11. Mushrooms2 = createImage(Mushrooms.width, Mushrooms.height, RGB);
13. size(Mushrooms.width*2, Mushrooms.height);
15. Mushrooms.loadPixels();
16. Mushrooms2.loadPixels();
17. for (int i=0; i < dimension; i+=1) {
18. Mushrooms2.pixels[i] = color( red(Mushrooms.pixels[i]), green(Mushrooms.pixels[i]), blue(Mushrooms.pixels[i]));
19. }
21. image(Mushrooms, 0, 0);
22. image(Mushrooms2, 1024, 0);
24. smooth();
25. }
27. void draw() {
28. rectMode(CENTER);
29. fill(255, 0, 0);
30. //POSITIVE RED
31. if (dist(Mushrooms.width/4, 640, mouseX, mouseY) < 50 / 2) {
32. stroke(0);
33. if (mousePressed) {
34. strokeWeight(5);
35. Mushrooms2.pixels[i] = color( red(Mushrooms.pixels[i]), green(Mushrooms.pixels[i]), blue(Mushrooms.pixels[i]));
37. }
38. }
39. else {
40. cursor(ARROW);
41. noStroke();
42. strokeWeight(1);
43. }
46. rectMode(CENTER);
48. fill(255, 0, 0);
49. rect(Mushrooms.width/4, 640, 50, 50);
51. fill(0);
52. rect(Mushrooms.width/4, 640, 30, 8);
54. rect(Mushrooms.width/4, 640, 8, 30);
58. //NEGATIVE RED
60. if (dist(Mushrooms.width/4, 700, mouseX, mouseY) < 50 / 2) {
61. stroke(0);
62. if (mousePressed) {
63. strokeWeight(5);
64. }
65. }
67. else {
68. cursor(ARROW);
69. noStroke();
70. strokeWeight(1);
71. }
73. fill(255, 0, 0);
74. rect(Mushrooms.width/4, 700, 50, 50);
76. fill(0);
78. rect(Mushrooms.width/4, 700, 30, 8);
82. //POSITIVE GREEN
84. if (dist(Mushrooms.width/2, 640, mouseX, mouseY) < 50 / 2) {
85. stroke(0);
86. if (mousePressed) {
87. strokeWeight(5);
88. }
89. }
91. else {
92. cursor(ARROW);
93. noStroke();
94. strokeWeight(1);
95. }
98. rectMode(CENTER);
100. fill(0, 255, 0);
101. rect(Mushrooms.width/2, 640, 50, 50);
103. fill(0);
104. rect(Mushrooms.width/2, 640, 30, 8);
106. rect(Mushrooms.width/2, 640, 8, 30);
110. //NEGATIVE GREEN
112. if (dist(Mushrooms.width/2, 700, mouseX, mouseY) < 50 / 2) {
113. stroke(0);
114. if (mousePressed) {
115. strokeWeight(5);
116. }
117. }
119. else {
120. cursor(ARROW);
121. noStroke();
122. strokeWeight(1);
123. }
125. fill(0, 255, 0);
126. rect(Mushrooms.width/2, 700, 50, 50);
128. fill(0);
130. rect(Mushrooms.width/2, 700, 30, 8);
134. //POSITIVE BLUE
136. if (dist(Mushrooms.width/1.3, 640, mouseX, mouseY) < 50 / 2) {
137. stroke(0);
138. if (mousePressed) {
139. strokeWeight(5);
140. }
141. }
143. else {
144. cursor(ARROW);
145. noStroke();
146. strokeWeight(1);
147. }
150. rectMode(CENTER);
152. fill(0, 0, 255);
153. rect(Mushrooms.width/1.3, 640, 50, 50);
155. fill(0);
156. rect(Mushrooms.width/1.3, 640, 30, 8);
158. rect(Mushrooms.width/1.3, 640, 8, 30);
163. //NEGATIVE BLUE
165. if (dist(Mushrooms.width/1.3, 700, mouseX, mouseY) < 50 / 2) {
166. stroke(0);
167. if (mousePressed) {
168. strokeWeight(5);
169. }
170. }
172. else {
173. cursor(ARROW);
174. noStroke();
175. strokeWeight(1);
176. }
178. fill(0, 0, 255);
179. rect(Mushrooms.width/1.3, 700, 50, 50);
181. fill(0);
183. rect(Mushrooms.width/1.3, 700, 30, 8);
184. }
Any help would be appreciated

(NEWBIE) Colour Corrector, issues with defining mouse

[7 Replies]
- 09-Jun-2012 03:19 AM
- Forum: Programming Questions
Hi, not very good at Processing as you'll tell from my code.

I'm trying to create a colour corrector in which you change the RGB values by clicking a plus or minus button.

I however can't figure out how to define or connect my mouse clicks to the right buttons. Let alone make those buttons change it's respective RGB value of the image.
2. PImage Mushrooms;
3. PImage Mushrooms2;
5. void setup() {
7. Mushrooms = loadImage ("Mushrooms.jpg");
8. int dimension = (Mushrooms.width*Mushrooms.height);
9. Mushrooms2 = createImage(Mushrooms.width,Mushrooms.height,RGB);
11. size(Mushrooms.width*2,Mushrooms.height);
15. Mushrooms.loadPixels();
16. Mushrooms2.loadPixels();
17. for (int i=0; i < dimension; i+=1) {
18. Mushrooms2.pixels[i] = color( red(Mushrooms.pixels[i]), green(Mushrooms.pixels[i]), blue(Mushrooms.pixels[i]));
19. }
23. image(Mushrooms,0,0);
24. image(Mushrooms2,1024,0);
30. }
32. void draw() {
33. rectMode(CENTER);
35. //Red
36. fill(255,0,0);
37. rect(Mushrooms.width/4,700,50,50);
38. rect(Mushrooms.width/4,640,50,50);
40. //Plus
41. fill(0,0,0);
42. rect(Mushrooms.width/4,640,30,8);
43. rect(Mushrooms.width/4,640,8,30);
45. //Minus
46. rect(Mushrooms.width/4,700,30,8);
49. //Green
50. fill(0,255,0);
51. rect(Mushrooms.width/2,700,50,50);
52. rect(Mushrooms.width/2,640,50,50);
54. //Plus
55. fill(0,0,0);
56. rect(Mushrooms.width/2,640,30,8);
57. rect(Mushrooms.width/2,640,8,30);
59. //Minus
60. rect(Mushrooms.width/2,700,30,8);
63. //Blue
64. fill(0,0,255);
65. rect(Mushrooms.width/1.30,700,50,50);
66. rect(Mushrooms.width/1.30,640,50,50);
68. //Plus
69. fill(0,0,0);
70. rect(Mushrooms.width/1.3,640,30,8);
71. rect(Mushrooms.width/1.3,640,8,30);
73. //Minus
74. rect(Mushrooms.width/1.3,700,30,8);
76. //Reset Button
77. //Rectangle
78. fill(255,255,0);
79. rect(1536,675,100,100);
80. //Circle
81. fill(0,0,0);
82. ellipse(1536,675,75,75);
83. //Text
84. fill(255,255,255);
85. textMode(CENTER);
86. text("RESET",1518,680);
91. }
Mushrooms2 is the image I want to have the RGB values changed and Mushrooms I want to keep as a base, with the original information.

any help would be greatly appreciated.

Akash

Activity Trend