Processing Forum

Screen name:
Fakeinventor
Website:
http://www.fakeinvention.com
Facebook Link:
https://www.facebook.com/ivanminutillo

Fakeinventor's Profile

1 Posts

1 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

[Newbie] switch to colorMode(HSB) to ColorMode(RGB)

[3 Replies]
- 14-Jul-2013 03:34 AM
- Forum: Programming Questions
Hi, I have started to learn processing recently and as an exercise I'm trying to make the classic Image Editor, I'm using ControlP5 to edit some values like Hue, saturation and Brightness and also red , green and blue...but I find difficult to switch in the same sketch from HSB to RGB in order to edit all the parameters. I think It's very easy using an "if", but I don't know how :D (I'm trying to resolve it without using functions or class, just becouse I have not studied yet these argouments)
here the code:
2. import controlP5.*;
3. ControlP5 cp5;
4. int bright = 20;
5. int hue = 20;
6. int saturation = 20;
7. int red = 50;
8. int green = 50;
9. int blue = 50;
10. PImage img;
11. PFont font;
12. void setup() {
13. img = loadImage("fagiano.jpg");
14. font = loadFont("Blanch-Caps-48.vlw");
15. textFont(font, 20);
16. size(img.width, img.height);
18. cp5 = new ControlP5(this);
19. cp5.addSlider("hue", -200, 200, 50, width-170, 30, 100, 10);
20. cp5.addSlider("saturation", -200, 200, 50, width-170, 50, 100, 10);
21. cp5.addSlider("bright", -200, 200, 20, width-170, 70, 100, 10);
22. cp5.addSlider("red", -200, 200, 50, width-170, 90, 100, 10);
23. cp5.addSlider("green", -200, 200, 50, width-170, 110, 100, 10);
24. cp5.addSlider("blue", -200, 200, 20, width-170, 130, 100, 10);
25. cp5.addButton("SAVE", 1, width-170, 150, 30, 20);
26. }
28. void draw() {
30. loadPixels();
31. image(img, 0, 0);
33. for (int x = 0; x < width; x++) {
34. for (int y = 0; y<height; y++) {
35. int loc = x + y*img.width;
36. float h = hue(img.pixels[loc]);
37. float s = saturation(img.pixels[loc]);
38. float b = brightness(img.pixels[loc]);
39. float r = red(img.pixels[loc]);
40. float g = green(img.pixels[loc]);
41. float u = blue(img.pixels[loc]);
42. h+=hue;
43. s+=saturation;
44. b+=bright;
45. r+=red;
46. g+=green;
47. u+=blue;
48. h = constrain(h, 0, 255);
49. s = constrain(s, 0, 255);
50. b = constrain(b, 0, 255);
51. r= constrain(r, 0, 255);
52. g = constrain(g, 0, 255);
53. u = constrain(u, 0, 255);
54. color c = color(h, s, b);
55. color d = color(r,g,u);
56. colorMode(HSB, 255, 255, 255, 100);
57. pixels[loc] = c;
58. colorMode(RGB, 255, 255, 255, 100);
59. pixels[loc] = d;
60. }
61. }
62. updatePixels();
63. noStroke();
64. smooth();
65. fill(0, 50);
66. rect(width-180, 0, width, 180);
67. fill(255);
68. text("Edit your photo, Bitch!", width-150, 18 );
69. }

«Prev
Next »