Processing Forum

Screen name:
szharz

szharz's Profile

1 Posts

0 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

Help with pixels in my first processing program ever :)

[1 Reply]
- 08-Mar-2013 12:15 AM
- Forum: Programming Questions
Hello all, I have this assignment for my computer class, to make a program in processing, that can, when clicked on a menu, apply different effects to an image.

Right now I am stuck on the last 3 requirements, I need to be able to click somewhere and do the following 3 things (respectively)

Sharpen

Mark edges

Blur
2. PImage original; // mit original billede
3. PImage temporary; // mit midlertidige billede
4. PImage menu; // menu billede
6. void setup(){
7. size(800,700);
8. background(0);
10. original = loadImage("Udklip.PNG"); //loader billede
11. temporary = createImage(original.width, original.height, RGB); //skaber midlertidigt billede
12. menu = loadImage("Menu.png"); //loader menu billede
14. image(original,200,0); //originale billede tegnes
15. image(menu,0,0); //menuen tegnes
16. }
18. void draw(){}
20. void mousePressed(){
21. float r,g,b; //definerer r,g og b som float værdier.
23. temporary.loadPixels(); // loader temporarys pixels
25. for (int x = 0; x < original.width; x++){
26. for (int y = 0; y < original.height; y++){
28. r = red(original.pixels[y*temporary.width+x]);
29. g = green(original.pixels[y*temporary.width+x]);
30. b = blue(original.pixels[y*temporary.width+x]);
32. temporary.pixels[y*temporary.width+x] = color(r,0,0);
33. if(mouseX<200){ //tjekker først om musen er inden for menuen
34. if(15<mouseY && mouseY<70) { temporary.pixels[y*temporary.width+x] = color(r,g,b);} //original
35. if(70<mouseY && mouseY<130) { temporary.pixels[y*temporary.width+x] = color(0,0,b);} //blå
36. if(130<mouseY && mouseY<190){ temporary.pixels[y*temporary.width+x] = color(r,0,0);} //rød
37. if(190<mouseY && mouseY<250){ temporary.pixels[y*temporary.width+x] = color(0,g,0);} //grøn
38. if(250<mouseY && mouseY<305){ temporary.pixels[y*temporary.width+x] = color(r+35,g+35,b+35);} //lysere
39. if(305<mouseY && mouseY<365){ temporary.pixels[y*temporary.width+x] = color(r-35,g-35,b-35);} //mørkere
40. if(365<mouseY && mouseY<420){ temporary.pixels[y*temporary.width+x] = color(r,g,b);} //flipper billedet vertikalt
41. if(420<mouseY && mouseY<485){ temporary.pixels[y*temporary.width+x] = color(r,g,b);} //flipper billedet horizontalt
42. }
43. }
44. }
45. //gem ændringerne til billedet
46. temporary.updatePixels();
48. //opdater billedet på skærmen
49. background(0);
50. image(temporary,200,0);
51. image(menu,0,0);
53. }
This is my code so far, I need to fix the flipping vertically and horizontally, but i forgot what to put after the temporary.pixels, but I willl remember soon I think :)
My question is, how do I go about blurring, marking edges, and sharpening my image? I think it has something to do with matrixes or arrays, but I am so confused about it.

The teacher told me it had to do something with the pixels, so I couldnt use premade commands / other ways of manipulating the photo, it had to be interely with the pixels..

Hope there are some friendly souls who will help me :)

«Prev
Next »