{"id":409,"date":"2010-02-10T11:13:38","date_gmt":"2010-02-10T17:13:38","guid":{"rendered":"http:\/\/www.tamarziv.com\/itp\/?p=409"},"modified":"2010-02-10T11:15:07","modified_gmt":"2010-02-10T17:15:07","slug":"w03-orbitalbrush","status":"publish","type":"post","link":"https:\/\/www.tamarziv.com\/itp\/w03-orbitalbrush\/","title":{"rendered":"W03-OrbitalBrush"},"content":{"rendered":"

OrbitalBrush Source<\/a> | Download the app<\/a><\/p>\n

PXP
\n<\/br>
\nThis app is a simple manipulation of PxP Paint Pixels<\/a>. The brush itself is a gradient, determined by the distance of the pixels within the brush from the location of the mouse, the brush itself is then offset from the mouse location and orbits around it, in order to do so, I have moved it to the draw loop. The arrow keys mapped to control the brush size.<\/p>\n

<\/br>
\n<\/br><\/p>\n

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
<\/div><\/td>
\/*      ITP Pixel by Pixel
\n        Paint pixels
\n        drag mouse to paint
\n        Danny Rozin 2010
\n*\/<\/span>
\n
\n#include "testApp.h"<\/span>
\nint<\/span> R=<\/span>255<\/span>,G=<\/span>255<\/span>,B=<\/span>0<\/span>, brushSize =<\/span>20<\/span>, percent =<\/span> 550<\/span>;<\/span> float<\/span> theta =<\/span> 0<\/span>;<\/span>  
\n\/\/************** Everything you want to happen once in the begining, but don't draw anything to the creen here a it will not work ****************<\/span>
\n
\nvoid<\/span> testApp::<\/span>setup<\/span>(<\/span>)<\/span>{<\/span>   
\n    ofBackground(<\/span>255<\/span>,255<\/span>,255<\/span>)<\/span>;<\/span>                                          \/\/ background color <\/span>
\n    ofSetFrameRate(<\/span>30<\/span>)<\/span>;<\/span>  
\n    width =<\/span> ofGetWidth(<\/span>)<\/span>;<\/span>
\n    height =<\/span> ofGetHeight(<\/span>)<\/span>;<\/span>
\n    ourTexture =<\/span> *<\/span> new<\/span> ofTexture(<\/span>)<\/span>;<\/span>                             \/\/ create an ofTexture to hold our image info<\/span>
\n    ourTexture.allocate<\/span>(<\/span>width, height, GL_RGB)<\/span>;<\/span>                 \/\/ allocate memory for the ofTextue (This is RGB no Alpha)<\/span>
\n    ourPixels =<\/span> new<\/span> unsigned<\/span> char<\/span>[<\/span>width*<\/span>height*<\/span>3<\/span>]<\/span>;<\/span>              \/\/ create a pixel array to keep our processed pixel data (RGB, no Alpha).<\/span>
\n    ofEnableAlphaBlending(<\/span>)<\/span>;<\/span>                                    \/\/ turn on alpha blending<\/span>
\n    ofEnableSmoothing(<\/span>)<\/span>;<\/span>
\n}<\/span>
\n
\n\/\/******************This time we put most of the interesting stuff into the mouseDragged method cause we want to paint only when we drag************<\/span>
\nvoid<\/span> testApp::<\/span>mouseDragged<\/span>(<\/span>int<\/span> x, int<\/span> y, int<\/span> button)<\/span>{<\/span>  
\nfloat<\/span> mouseXOff =<\/span> mouseX+<\/span>sin<\/span>(<\/span>ofRadToDeg(<\/span>theta)<\/span>)<\/span>;<\/span> float<\/span> mouseYOff =<\/span> mouseY+<\/span>sin<\/span>(<\/span>ofRadToDeg(<\/span>theta)<\/span>)<\/span>;<\/span>
\n   
\n   
\n\/\/  R+=ofRandom(-10,10);                                                    \/\/ let the R,G,B values wonder arround randomly...<\/span>
\n\/\/  R=ofClamp(R,0,255);                                                     \/\/ but make sure they are still 0- 255<\/span>
\n\/\/  <\/span>
\n\/\/  G+=ofRandom(-10,10);<\/span>
\n\/\/  G=ofClamp(G,0,255);<\/span>
\n\/\/  <\/span>
\n\/\/  B+=ofRandom(-10,10);<\/span>
\n\/\/  B=ofClamp(B,0,255);<\/span>
\n   
\n    ofEnableSmoothing(<\/span>)<\/span>;<\/span>
\n
\n    int<\/span> colorOffset =<\/span> 0<\/span>;<\/span>
\n    for<\/span> (<\/span>int<\/span> x=<\/span>mouseXOff-<\/span>brushSize;<\/span>x<<\/span> mouseXOff+<\/span>brushSize;<\/span>x++<\/span>)<\/span>{<\/span>                     \/\/ repeat loop of 50 x 50 pixels around the mouse<\/span>
\n        for<\/span> (<\/span>int<\/span> y=<\/span>mouseYOff-<\/span>brushSize;<\/span>y<<\/span> mouseYOff+<\/span>brushSize;<\/span>y++<\/span>)<\/span>{<\/span>                                                        
\n            \/\/ if (ofRandom(0,1000) > percent){ <\/span>
\n            if<\/span> (<\/span>x><\/span>0<\/span>  &&<\/span> y><\/span>0<\/span> &&<\/span> y<<\/span> height)<\/span>                                   \/\/ check that we are not accessing pixels outside the bounds of our array               <\/span>
\n                if<\/span> (<\/span>ofDist(<\/span>x,y,mouseXOff,mouseYOff)<\/span><<\/span> brushSize)<\/span> {<\/span>                   \/\/ constrict the brush to a circle by checking that the pixel is not more than... <\/span>
\n                    int<\/span> colorOffset =<\/span> ofMap(<\/span>ofDist(<\/span>x,y,mouseXOff,mouseYOff)<\/span>,0<\/span>,brushSize,0<\/span>,255<\/span>)<\/span>;<\/span>
\n
\n           
\n                    R=<\/span>255<\/span>-<\/span>colorOffset;<\/span>                                                  \/\/ let the R,G,B values wonder arround randomly...<\/span>
\n                    R=<\/span>ofClamp(<\/span>R,10<\/span>,255<\/span>)<\/span>;<\/span>                                                        \/\/ but make sure they are still 0- 255<\/span>
\n           
\n                    G=<\/span>255<\/span>-<\/span>colorOffset;<\/span>
\n                    G=<\/span>ofClamp(<\/span>G,10<\/span>,255<\/span>)<\/span>;<\/span>
\n           
\n                    B=<\/span>255<\/span>-<\/span>colorOffset;<\/span>
\n                    B=<\/span>ofClamp(<\/span>B,10<\/span>,255<\/span>)<\/span>;<\/span>   
\n                   
\n                   
\n                    ourSetPixel(<\/span>x,y,R,G,B,width,ourPixels)<\/span>;<\/span> }<\/span>                   \/\/  brushSize away from the mouse           <\/span>
\n            \/\/} <\/span>
\n        }<\/span>
\n    }<\/span>  
\n
\n   
\n}<\/span>
\n
\n
\n\/\/********************************************* Code in draw() execute every frame,  **********************************************************<\/span>
\nvoid<\/span> testApp::<\/span>draw<\/span>(<\/span>)<\/span>{<\/span>  
\n    float<\/span> offset =<\/span> 2<\/span>;<\/span>
\n    float<\/span> mouseXOff =<\/span> mouseX+<\/span>offset*<\/span>brushSize*<\/span>cos<\/span>(<\/span>ofRadToDeg(<\/span>theta)<\/span>)<\/span>;<\/span> float<\/span> mouseYOff =<\/span> mouseY+<\/span>offset*<\/span>brushSize*<\/span>sin<\/span>(<\/span>ofRadToDeg(<\/span>theta)<\/span>)<\/span>;<\/span>
\n
\n   
\n   
\n    int<\/span> colorOffset =<\/span> 0<\/span>;<\/span>
\n    for<\/span> (<\/span>int<\/span> x=<\/span>mouseXOff-<\/span>brushSize;<\/span>x<<\/span> mouseXOff+<\/span>brushSize;<\/span>x++<\/span>)<\/span>{<\/span>                     \/\/ repeat loop of 50 x 50 pixels around the mouse<\/span>
\n        for<\/span> (<\/span>int<\/span> y=<\/span>mouseYOff-<\/span>brushSize;<\/span>y<<\/span> mouseYOff+<\/span>brushSize;<\/span>y++<\/span>)<\/span>{<\/span>                                                        
\n            \/\/ if (ofRandom(0,1000) > percent){ <\/span>
\n            if<\/span> (<\/span>x><\/span>0<\/span>  &&<\/span> y><\/span>0<\/span> &&<\/span> y<<\/span> height)<\/span>                                   \/\/ check that we are not accessing pixels outside the bounds of our array               <\/span>
\n                if<\/span> (<\/span>ofDist(<\/span>x,y,mouseXOff,mouseYOff)<\/span><<\/span> brushSize)<\/span> {<\/span>                   \/\/ constrict the brush to a circle by checking that the pixel is not more than... <\/span>
\n                    int<\/span> colorOffset =<\/span> ofMap(<\/span>ofDist(<\/span>x,y,mouseXOff,mouseYOff)<\/span>,0<\/span>,brushSize,0<\/span>,255<\/span>)<\/span>;<\/span>
\n                   
\n                   
\n                    R=<\/span>255<\/span>-<\/span>colorOffset;<\/span>                                                  \/\/ let the R,G,B values wonder arround randomly...<\/span>
\n                    R=<\/span>ofClamp(<\/span>R,0<\/span>,255<\/span>)<\/span>;<\/span>                                                     \/\/ but make sure they are still 0- 255<\/span>
\n                   
\n                    G=<\/span>255<\/span>-<\/span>colorOffset;<\/span>
\n                    G=<\/span>ofClamp(<\/span>G,0<\/span>,255<\/span>)<\/span>;<\/span>
\n                   
\n                    B=<\/span>255<\/span>-<\/span>colorOffset;<\/span>
\n                    B=<\/span>ofClamp(<\/span>B,0<\/span>,255<\/span>)<\/span>;<\/span>
\n                   
\n                   
\n                    ourSetPixel(<\/span>x,y,R,G,B,width,ourPixels)<\/span>;<\/span> }<\/span>                   \/\/  brushSize away from the mouse           <\/span>
\n            \/\/} <\/span>
\n        }<\/span> theta+<\/span>=<\/span> 0.0001<\/span>;<\/span>
\n    }<\/span>  
\n   
\n   
\n
\n   
\n
\n    ourTexture.loadData<\/span>(<\/span>ourPixels, width, height, GL_RGB)<\/span>;<\/span>                              \/\/ This loads the pixels array into the OF texture<\/span>
\n    ourTexture.draw<\/span>(<\/span>0<\/span>,0<\/span>)<\/span>;<\/span>                                                               \/\/ this draws the texture to the screen<\/span>
\n    printf<\/span>(<\/span>"percent = %i \\n<\/span>"<\/span>, percent)<\/span>;<\/span>                                                 \/\/ prints our variable to the console<\/span>
\n   
\n    ofEllipse(<\/span>mouseXOff, mouseYOff, 10<\/span>, 10<\/span>)<\/span>;<\/span>
\n}<\/span>
\n
\n
\n\/\/**********************  Pixel by Pixel course method that sets a pixel RGB in an x, y position in a pixel array ***********************<\/span>
\nvoid<\/span> testApp::<\/span>ourSetPixel<\/span>(<\/span>int<\/span> horizontal,int<\/span> vertical,unsigned<\/span> char<\/span> R,unsigned<\/span> char<\/span> G,unsigned<\/span> char<\/span> B,int<\/span> arrayWidth, unsigned<\/span> char<\/span> pixels[<\/span>]<\/span>)<\/span>{<\/span>
\n    int<\/span> thisPixel =<\/span> 3<\/span>*<\/span>(<\/span>arrayWidth *<\/span> vertical +<\/span>horizontal)<\/span>;<\/span>
\n    pixels[<\/span>thisPixel]<\/span>=<\/span>R;<\/span>
\n    pixels[<\/span>thisPixel+<\/span>1<\/span>]<\/span>=<\/span>G;<\/span>
\n    pixels[<\/span>thisPixel+<\/span>2<\/span>]<\/span>=<\/span>B;<\/span>
\n}<\/span>
\n
\n
\n\/\/--------------------------------------------------------------<\/span>
\nvoid<\/span> testApp::<\/span>keyPressed<\/span>  (<\/span>int<\/span> key)<\/span>{<\/span>
\n    if<\/span> (<\/span>key ==<\/span>  OF_KEY_UP)<\/span> brushSize++<\/span>;<\/span>
\n    if<\/span> (<\/span>key ==<\/span>  OF_KEY_DOWN)<\/span> brushSize--<\/span>;<\/span>
\n
\n}<\/span>
\nvoid<\/span> testApp::<\/span>update<\/span>(<\/span>)<\/span>{<\/span>}<\/span>
\nvoid<\/span> testApp::<\/span>mouseMoved<\/span>(<\/span>int<\/span> x, int<\/span> y )<\/span>{<\/span> }<\/span>
\nvoid<\/span> testApp::<\/span>keyReleased<\/span>(<\/span>int<\/span> key)<\/span>{<\/span>  }<\/span>
\nvoid<\/span> testApp::<\/span>mousePressed<\/span>(<\/span>int<\/span> x, int<\/span> y, int<\/span> button)<\/span>{<\/span>}<\/span>
\nvoid<\/span> testApp::<\/span>mouseReleased<\/span>(<\/span>)<\/span>{<\/span>  }<\/span><\/div><\/td><\/tr><\/tbody><\/table><\/div>\n","protected":false},"excerpt":{"rendered":"

This app is a simple manipulation of PxP Paint Pixels<\/a>. The brush itself is a gradient, determined by the distance of the pixels within the brush from the location of the mouse, the brush itself is then offset from the mouse location and orbits around it, in order to do so, I have moved it to the draw loop. The arrow keys mapped to control the brush size.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":""},"categories":[12],"tags":[],"class_list":["post-409","post","type-post","status-publish","format-standard","hentry","category-pxp"],"_links":{"self":[{"href":"https:\/\/www.tamarziv.com\/itp\/wp-json\/wp\/v2\/posts\/409","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tamarziv.com\/itp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tamarziv.com\/itp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tamarziv.com\/itp\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tamarziv.com\/itp\/wp-json\/wp\/v2\/comments?post=409"}],"version-history":[{"count":4,"href":"https:\/\/www.tamarziv.com\/itp\/wp-json\/wp\/v2\/posts\/409\/revisions"}],"predecessor-version":[{"id":413,"href":"https:\/\/www.tamarziv.com\/itp\/wp-json\/wp\/v2\/posts\/409\/revisions\/413"}],"wp:attachment":[{"href":"https:\/\/www.tamarziv.com\/itp\/wp-json\/wp\/v2\/media?parent=409"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tamarziv.com\/itp\/wp-json\/wp\/v2\/categories?post=409"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tamarziv.com\/itp\/wp-json\/wp\/v2\/tags?post=409"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}