Processing Forum

Control USB fan (ON/OFF)

[1 Reply]
- 27-Apr-2013 06:28 PM
- Forum: Integration and Hardware
Does anyone has an idea how to manage this with processing?

Controling slide changes with sound

[3 Replies]
- 28-Mar-2013 12:57 PM
- Forum: Contributed Library Questions
I'm trying to make simple slideshow (with or without transition effects) for projection mapping.
I have in processing OutOfMemory problem because 250-300 images (1280x720) have been loaded in setup function.
Then I have found FileSequence example in toxiclibs library that works pretty well although framerate drops dramatically (5-10).
What I need is to control appearance of images using minim library and SoundEnergy ( beat.isOnset(), beat.isKick(), beat.isHat(), beat.isSnare() ).
The images would be changed when specific audio parameter exceeds a certain value ( in rhythm).

Welcome with good ideas...

first attempt:
1. import processing.opengl.*;
2. import codeanticode.glgraphics.*;
3. import toxi.util.*;
4. import java.awt.FileDialog;
5. import ddf.minim.*;
6. import ddf.minim.analysis.*;
8. Minim minim;
9. AudioPlayer song;
10. BeatDetect beat;
11. FileSequenceDescriptor fsd;
12. Iterator images;
13. String imgPath;
14. PImage img;
16. void setup() {
17. size(1280, 720, GLConstants.GLGRAPHICS);
18. minim = new Minim(this);
19. song = minim.loadFile("marcus_kellis_theme.mp3", 2048);
20. song.play();
21. // a beat detection object song SOUND_ENERGY mode with a sensitivity of 10 milliseconds
22. beat = new BeatDetect();
23. String path = FileUtils.showFileDialog(frame, "Choose start frame...", dataPath(""), new String[] {
24. ".tga", ".png", ".jpg" }, FileDialog.LOAD);
25. // the path variable will be null if the user has cancelled
26. if (path != null) {
27. // get an descriptor for this base path
28. // this will analyse and identify the length of the sequence
29. // see javadocs for further details
30. fsd=FileUtils.getFileSequenceDescriptorFor(path);
31. println("start: "+fsd.getStartIndex()+" end: "+fsd.getFinalIndex());
32. // now ask descriptor for an iterator which will return
33. // absolute file paths for all images in this sequence in succession
34. images=fsd.iterator();
35. }
36. else {
37. // quit if user cancelled dialog...
38. exit();
39. }
40. }
42. void draw() {
43. background(0);
44. beat.detect(song.mix);
45. if (!images.hasNext()) {
46. images=fsd.iterator();
47. }
48. if ( beat.isOnset() ) {
49. imgPath=(String)images.next();
50. img=loadImage(imgPath);
51. image(img, 0, 0, width, height);
52. }
53. println(frameRate);
54. }
56. void stop()
57. {
58. // always close Minim audio classes when you are finished with them
59. song.close();
60. // always stop Minim before exiting
61. minim.stop();
62. super.stop();
63. }

Some of my recent projects

[2 Replies]
- 22-Feb-2013 06:07 PM
- Forum: Share your Work
PBox2D and Geomerative libraries

The Wall
40 years

Fisica library

Portrait of a Woman
"V"

GLGraphics with GLTextureFilters

Soap Balloons
Feel the Rain
Falling in love in Santorini

GSVideo

Peep her Show - Malizia effect

Add background image below the video

[6 Replies]
- 07-Feb-2013 11:34 AM
- Forum: Contributed Library Questions
Can anyone tell me why this doesn't works? (Curtain.mov is video with alpha channel)
1. import processing.opengl.*;
2. import codeanticode.glgraphics.*;
3. import codeanticode.gsvideo.*;
4. GSMovie movie;
5. GLTexture tex;
6. GLTexture back;
8. void setup() {
9. size(1280, 720, GLConstants.GLGRAPHICS);
11. movie = new GSMovie(this, "Curtain.mov");
12. back = new GLTexture(this, "tiles.jpg");
14. tex = new GLTexture(this);
15. movie.setPixelDest(tex);
16. movie.loop();
17. }
19. void movieEvent(GSMovie movie) {
20. movie.read();
21. }
23. void draw() {
24. image(back, 0, 0);
25. if (tex.putPixelsIntoTexture()) {
26. image(tex, 0, 0);
27. }
28. }

Opening Window Shutters Simulation

[4 Replies]
- 05-Feb-2013 02:36 PM
- Forum: Contributed Library Questions
Can someone help me to apply texture to shutter...
1. import processing.opengl.*;
2. import codeanticode.glgraphics.*;
3. import de.looksgood.ani.*;
5. GLModel texquad;
6. GLTexture tex;
7. int numPoints = 4;
8. float diameter = 1000.0;
9. float Xwindow = 500.0;
10. float Ywindow = 300.0;
11. float yyG = -1 * (sqrt(diameter*diameter/4 - Xwindow*Xwindow/4)) - Ywindow/2;
12. float yyD = sqrt(diameter*diameter/4 - Xwindow*Xwindow/4) - Ywindow/2;
13. PVector oS1 = new PVector(0, -Ywindow/2);
14. PVector oE1 = new PVector(-Xwindow/2, yyG + diameter/2);
15. PVector oP1 = new PVector(-Xwindow/2, yyG);
16. PVector oR1 = new PVector();
17. PVector oS2 = new PVector(0, Ywindow/2);
18. PVector oE2 = new PVector(-Xwindow/2, -yyG - diameter/2);
19. PVector oP2 = new PVector(-Xwindow/2, -yyG);
20. PVector oR2 = new PVector();
21. float theta1 = 0.0;
22. float theta2 = 0.0;
23. float angle;
25. void setup() {
27. size(1280, 720, GLConstants.GLGRAPHICS);
29. //Ani.init(this);
31. angle = asin(Xwindow/diameter);
33. // The model is dynamic, which means that its coordinates can be
34. // updating during the drawing loop.
35. texquad = new GLModel(this, numPoints, QUADS, GLModel.DYNAMIC);
37. // Updating the vertices to their initial positions.
38. texquad.beginUpdateVertices();
39. texquad.updateVertex(0, -100, -100, 0);
40. texquad.updateVertex(1, 100, -100, 0);
41. texquad.updateVertex(2, 100, 100, 0);
42. texquad.updateVertex(3, -100, 100, 0);
43. texquad.endUpdateVertices();
44. // Enabling the use of texturing...
45. texquad.initTextures(1);
46. // ... and loading and setting texture for this model.
47. //tex = new GLTexture(this, "milan.jpg");
48. texquad.setTexture(0, tex);
50. // Setting the texture coordinates.
51. texquad.beginUpdateTexCoords(0);
52. texquad.updateTexCoord(0, 0, 0);
53. texquad.updateTexCoord(1, 1, 0);
54. texquad.updateTexCoord(2, 1, 1);
55. texquad.updateTexCoord(3, 0, 1);
56. texquad.endUpdateTexCoords();
58. }
60. void draw() {
62. noStroke();
64. //GLGraphics renderer = (GLGraphics)g;
65. //renderer.beginGL();
67. background(100);
69. translate(width/2, height/2);
70. //rotateY(frameCount * 0.01);
72. // LEFT
73. fill(255, 200, 200, 30);
74. ellipse(-Xwindow/2, yyG, diameter, diameter);
75. ellipse(-Xwindow/2, -yyG, diameter, diameter);
77. // RIGHT
78. fill(200, 255, 200, 30);
79. ellipse(Xwindow/2, yyG, diameter, diameter);
80. ellipse(Xwindow/2, -yyG, diameter, diameter);
82. // WINDOW
83. fill(255, 0, 0, 150);
84. rect(-Xwindow/2, -Ywindow/2, Xwindow, Ywindow);
86. //float theta = radians(frameCount/10);
87. theta1 += 0.2;
88. theta2 -= 0.2;
90. //Ani.to(this, 2.0, "theta1", -degrees(angle), Ani.QUAD_IN);
91. //Ani.to(this, 2.0, "theta2", -degrees(angle), Ani.QUAD_IN);
93. if (theta1 >= degrees(angle)) theta1 = 0.0;
94. if (theta2 <= -degrees(angle)) theta2 = 0.0;
96. float cosTheta1 = cos(radians(theta1));
97. float sinTheta1 = sin(radians(theta1));
98. float cosTheta2 = cos(radians(theta2));
99. float sinTheta2 = sin(radians(theta2));
100. oR1.x = oP1.x + (oS1.x - oP1.x)*cosTheta1 - (oS1.y - oP1.y)*sinTheta1;
101. oR1.y = oP1.y + (oS1.x - oP1.x)*sinTheta1 + (oS1.y - oP1.y)*cosTheta1;
103. oR2.x = oP2.x + (oS2.x - oP2.x)*cosTheta2 - (oS2.y - oP2.y)*sinTheta2;
104. oR2.y = oP2.y + (oS2.x - oP2.x)*sinTheta2 + (oS2.y - oP2.y)*cosTheta2;
106. strokeWeight(2);
107. stroke(0, 0, 255, 75);
108. line(oP1.x, oP1.y, oR1.x, oR1.y);
109. line(oP2.x, oP2.y, oR2.x, oR2.y);
111. noStroke();
112. fill(0, 255, 0);
113. ellipse(oR1.x, oR1.y, 10, 10);
114. ellipse(oR2.x, oR2.y, 10, 10);
116. beginShape();
117. fill(255, 255, 0);
118. vertex(-Xwindow/2, -Ywindow/2);
119. vertex(oR1.x, oR1.y);
120. vertex(oR2.x, oR2.y);
121. vertex(-Xwindow/2, Ywindow/2);
122. endShape();
124. /*
125. texquad.beginUpdateVertices();
126. texquad.displaceVertex(0, -Xwindow/2, Ywindow/2);
127. texquad.displaceVertex(1, oR2.x, oR2.y);
128. texquad.displaceVertex(2, oR1.x, oR1.y);
129. texquad.displaceVertex(3, -Xwindow/2, -Ywindow/2);
130. texquad.endUpdateVertices();
131. */
133. //renderer.model(texquad);
134. //renderer.endGL();
136. }

Handle the data loading without using threads

[1 Reply]
- 01-Feb-2013 01:57 PM
- Forum: General Discussion
My sketch hangs when I try to load several audio files (minim library), GSCapture video and some glsl filters (GLGRAPHICS)..
Is there a way to avoid this by making some kind of intro (logo image) in startup routine when the data was loading?

SOLVED - Blend video cam with background image

[6 Replies]
- 28-Jan-2013 08:36 AM
- Forum: Core Library Questions
I must have missed something...
1. import processing.opengl.*;
2. import codeanticode.glgraphics.*;
3. import codeanticode.gsvideo.*;
4. GSCapture cam;
5. GLTexture bottomLayer, topLayer, resultLayer;
6. GLTextureFilter blendFilter;
7. ScalarParam opacity;
9. class ScalarParam {
10. float value;
11. float minValue;
12. float maxValue;
13. float step;
14. ScalarParam(float v,float mn, float mx, float s) {
15. value = v;
16. minValue = mn;
17. maxValue = mx;
18. step = s;
19. }
20. void Increment() {
21. value += step;
22. if (value > maxValue) value=maxValue;
23. }
24. void Decrement() {
25. value -= step;
26. if (value < minValue) value=minValue;
27. }
28. }
30. void setup()
31. {
32. size(640, 480, GLConstants.GLGRAPHICS);
33. cam = new GSCapture(this, 640, 480);
34. blendFilter = new GLTextureFilter(this, "BlendDifference.xml");
35. opacity = new ScalarParam(1.0,0.0,1.0,0.01);
36. bottomLayer = new GLTexture(this, "background.jpg");
37. topLayer = new GLTexture(this);
38. cam.setPixelDest(topLayer);
39. cam.start();
40. resultLayer = new GLTexture(this, topLayer.width,topLayer.height);
41. }
43. void draw()
44. {
45. blendFilter.setParameterValue("Opacity", opacity.value);
46. blendFilter.apply(new GLTexture[] {bottomLayer, topLayer}, resultLayer);
47. resultLayer.render(0, 0);
48. //image(resultLayer, 0, 0);
49. }
51. void keyPressed()
52. {
53. if (key == CODED) {
54. if (keyCode == UP) opacity.Increment();
55. else if (keyCode == DOWN) opacity.Decrement();
56. }
57. }
59. void captureEvent(GSCapture cam) {
60. cam.read();
61. }

Blob detection - SimpleOpenNI plus Flob

[1 Reply]
- 27-Nov-2012 04:22 AM
- Forum: Contributed Library Questions
Related to this post
I'm attempting to create blobs detection in two rectangular detection areas using Kinect depth information and passing it to a flob detection routine.

For some reason I see the framerate drop dramatically alot of times. And I'm getting only one blob at the same time. I would appreciate any thoughts to improve blob detection..
1. import SimpleOpenNI.*;
2. import s373.flob.*;
3. SimpleOpenNI context;
4. Flob flob1;
5. float minThreshold = 1000; // minimum distance from the sensor
6. float maxThreshold = 1500; // maximum distance from the sensor
7. color blobNo = color(0); // color if it's outside the range
8. color blobYes = color(0, 255, 0); // color if it's within the range
9. int tresh = 250;
10. int om = 0;
11. ArrayList blobs1;
13. void setup() {
14. size(640, 480);
15. context = new SimpleOpenNI(this);
16. if (!context.enableDepth()) {
17. exit();
18. return;
19. }
20. context.setMirror(true);
21. context.enableScene();
22. flob1 = new Flob(context.sceneImage(), context.sceneWidth(), context.sceneHeight());
23. flob1.setOm(om);
24. //flob1.setThresh(250);
25. }
27. void draw() {
28. context.update();
29. PImage blobImage = getBlobImage(50, 165, 440, 165, 150, 150);
31. blobs1 = flob1.track(flob1.binarize(blobImage));
33. image(blobImage, 0, 0);
34. stroke(255, 0, 0);
35. noFill();
36. rect(50, 165, 150, 150);
37. rect(440, 165, 150, 150);
38. for (int i = 0; i < blobs1.size(); i++) {
39. trackedBlob tb = flob1.getTrackedBlob(i);
40. String txt = "time: " + tb.presencetime;
41. text(txt, 10, 30);
42. stroke(0, 255, 0);
43. rect(tb.boxminx, tb.boxminy, tb.dimx, tb.dimy);
44. }
45. println(frameRate);
46. }
48. PImage getBlobImage(int sx1, int sy1, int sx2, int sy2, int w, int h) {
49. PVector[] realWorldMap = context.depthMapRealWorld();
50. PImage blobImage = createImage(context.depthWidth(), context.depthHeight(), RGB);
51. //int maxY = min(context.depthHeight()-sy, sy+h);
52. //int maxX = min(context.depthWidth()-sx, sx+w);
53. for (int y=sy1; y<sy1+h; y++) {
54. for (int x=sx1; x<sx1+w; x++) {
55. int index = x + y * context.depthWidth();
56. PVector realWorldPoint = realWorldMap[index];
57. color blobColor = blobNo;
58. if (realWorldPoint.z > minThreshold && realWorldPoint.z < maxThreshold) {
59. blobColor = blobYes;
60. }
61. blobImage.pixels[index] = blobColor;
62. }
63. }
64. for (int y=sy2; y<sy2+h; y++) {
65. for (int x=sx2; x<sx2+w; x++) {
66. int index = x + y * context.depthWidth();
67. PVector realWorldPoint = realWorldMap[index];
68. color blobColor = blobNo;
69. if (realWorldPoint.z > minThreshold && realWorldPoint.z < maxThreshold) {
70. blobColor = blobYes;
71. }
72. blobImage.pixels[index] = blobColor;
73. }
74. }
75. return blobImage;
76. }

Maze Board Game (prototype)

[4 Replies]
- 03-Oct-2012 01:55 AM
- Forum: Contributed Library Questions
On the hardware side is a monitor display connected to a rotating mount. Attached to the back of the monitor is a rotary encoder. On the software side is maze processing sketch communicate with arduino which forward the data from rotary encoder to processing sketch.
Boundaries of the maze (full screen mode) would be actually the edges of the screen.

How to ensure that all vertices will be on the right place ? Make all graphics and physics in off-screen buffer and then translate, rotate and place screen buffer in default position ??

BTW, when rotation is faster, green ball penetrates blue fixed rectangle. Is there any way to avoid this?
1. import fisica.*;
2. public FWorld world;
3. public Board board;
4. public MazeNode[][] nodes;
5. public ArrayList<FBody> rotateUs;
6. public FBody body2;
7. public float mazeAng;
8. public float mouseAng;
9. public int offsetX = 0;
10. public int offsetY = 0;
11. public PFont font48;
12. public PFont font36;
13. public boolean gamePaused = false;
14. public boolean cursorLeftUnpauseCircle = true;
15. // constants
16. public static final int UI_BAR_HEIGHT = 40;
17. public static final float ROT_SPEED = 0.05; // this can be turned up, because the ball is in rotateUs
18. public int ROWS = 1;
19. public int COLS = 1;
20. public int GAP = 500;
21. public int rows = ROWS;
22. public int cols = COLS;
23. public int gap = GAP;
24. void setup()
25. {
26. size(800, 800);
27. //size(640,640,P2D); // causes walls to be invisible...?
28. smooth();
29. // physics stuff
30. Fisica.init(this);
31. world = new FWorld();
32. //world.setGravity(0, 30);
33. body2 = new FCircle(50);
34. body2.setPosition(width/2, height/4);
35. body2.setFill(50, 255, 50);
36. body2.setStroke(0);
37. body2.setStrokeWeight(3);
38. body2.setRestitution(0);
39. body2.setFriction(1);
41. world.add(body2);
42. reset();
43. }
44. public void reset()
45. {
46. // stupid hack so changing maze settings in the UI doesn't frak up code (eg - orbiters) that use those settings
47. ROWS = rows;
48. COLS = cols;
49. GAP = gap;
50. // end stupid hack
51. // offset values describe blank space between applet edges and the edges of the maze
52. offsetX = (width - COLS*GAP)/2 + GAP/2;
53. offsetY = (height - ROWS*GAP)/2 + GAP/2;
54. mazeAng = 0.0;
55. mouseAng = 0.0;
56. cursorLeftUnpauseCircle = true;
57. if (mag(mouseX - (width/2 + width/4 * cos(mazeAng)), mouseY - (height/2 - height/4 * sin(mazeAng))) > 50)
58. gamePaused = true;
59. else
60. gamePaused = false;
61. // declare and initialize field of maze nodes/tiles
62. nodes = new MazeNode[ROWS][COLS];
63. for (int x = 0; x < ROWS; ++x)
64. for (int y = 0; y < COLS; ++y)
65. nodes[x][y] = new MazeNode();
66. world.clear();
67. rotateUs = new ArrayList<FBody>();
68. board = new Board(nodes);
69. board.initTerrain();
71. }
72. void draw()
73. {
74. if (!focused) // applet lost focus
75. gamePaused = true;
76. if (!gamePaused)
77. background(255);
78. else // if game paused, shade out background and draw unpausing circle
79. {
80. background(180);
81. stroke(0);
82. fill(255);
83. ellipse(width/2 + width/4 * cos(mazeAng), height/2 - height/4 * sin(mazeAng), 100, 100);
84. }
86. world.draw();
87. if (!gamePaused)
88. {
89. // calculate angle and rotate maze
90. float diffAng = mazeAng - mouseAng;
91. // angle adjustments for crossing the 180-degree line
92. if (abs(mazeAng - mouseAng + 2*PI) < abs(diffAng))
93. diffAng = mazeAng - mouseAng + 2*PI;
94. if (abs(mazeAng - mouseAng - 2*PI) < abs(diffAng))
95. diffAng = mazeAng - mouseAng - 2*PI;
96. board.rotateTerrain(ROT_SPEED*diffAng);
97. // end of angle calculation and maze rotation
98. // draw difference between maze angle and mouse angle
99. float colorScale = abs(diffAng) * 255 / PI;
100. fill(colorScale, 0, 255 - colorScale, 60);
101. arc(width/2, height/2, width/2, height/2, -mazeAng, -mazeAng + diffAng);
102. arc(width/2, height/2, width/2, height/2, -mazeAng + diffAng, -mazeAng);
103. // end of draw difference between maze angle and mouse angle
104. // fisica functions for drawing and simulating world physics
105. world.step();
106. }
107. // UI bar must be drawn on top, so it's at the bottom
108. noStroke();
109. fill(0, 80);
110. rect(0, 0, width, UI_BAR_HEIGHT);
111. }
112. void mouseMoved()
113. {
114. // if mouse is over the UI bar, pause game
115. if (mouseY < UI_BAR_HEIGHT)
116. gamePaused = true;
117. if (!gamePaused) // if game isn't paused rotate maze as normal
118. mouseAng = atan2(-(mouseY - height/2), mouseX - width/2);
119. else // if game is paused, don't unpause until mouse moves back into highlighted circle
120. {
121. if (cursorLeftUnpauseCircle && mag(mouseX - (width/2 + width/4 * cos(mazeAng)), mouseY - (height/2 - height/4 * sin(mazeAng))) < 50)
122. gamePaused = false;
123. else if (!cursorLeftUnpauseCircle && mag(mouseX - (width/2 + width/4 * cos(mazeAng)), mouseY - (height/2 - height/4 * sin(mazeAng))) > 50)
124. cursorLeftUnpauseCircle = true;
125. }
126. }
127. class Board
128. {
129. /* terrain (walls) */
130. private MazeNode nodes[][];
131. public Board(MazeNode nodes[][])
132. {
133. this.nodes = nodes;
134. }
135. public void rotateTerrain(float rotAmt)
136. {
137. //mazeAng -= rotAmt;
138. //mazeAng = mazeAng % (2*PI);
139. // linear transformation with matrix T = [[cos, -sin],[sin, cos]]
140. // Matrix Theory was a helpful class, yay!
141. PVector transX = new PVector(cos(rotAmt), -sin(rotAmt));
142. PVector transY = new PVector(sin(rotAmt), cos(rotAmt));
143. for (FBody fb : rotateUs)
144. {
145. fb.adjustRotation(rotAmt);
146. PVector v = new PVector(fb.getX() - width/2, fb.getY() - height/2);
147. fb.setPosition(v.dot(transX) + width/2, v.dot(transY) + height/2);
148. }
149. }
150. public void initTerrain()
151. {
152. int row, col;
153. // fill in north and west walls for every node
154. for (row = 0; row < ROWS; ++row)
155. {
156. for (col = 0; col < COLS; ++col)
157. {
158. if (nodes[row][col].walls[0] == 1) // north wall exists
159. {
160. FBox fb = new FBox(GAP, 10);
161. fb.setPosition(col * GAP + offsetX, row * GAP - (GAP/2) + offsetY);
162. fb.setStatic(true);
163. //fb.setGrabbable(false); // <-- THIS COULD PROVIDE INTERESTING OPPORTUNITIES
164. fb.setFill(0);
165. rotateUs.add(fb);
166. world.add(fb);
167. }
168. if (nodes[row][col].walls[3] == 1) // west wall exists
169. {
170. FBox fb = new FBox(10, GAP);
171. fb.setPosition(col * GAP - (GAP/2) + offsetX, row * GAP + offsetY);
172. fb.setStatic(true);
173. //fb.setGrabbable(false); // <-- THIS COULD PROVIDE INTERESTING OPPORTUNITIES
174. fb.setFill(0);
175. rotateUs.add(fb);
176. world.add(fb);
177. }
178. }
179. }
180. // fill in the east walls for the last column
181. col = COLS - 1;
182. for (row = 0; row < ROWS; ++row)
183. {
184. if (nodes[row][col].walls[1] == 1) // east wall exists
185. {
186. FBox fb = new FBox(10, GAP);
187. fb.setPosition(col * GAP + (GAP/2) + offsetX, row * GAP + offsetY);
188. fb.setStatic(true);
189. //fb.setGrabbable(false); // <-- THIS COULD PROVIDE INTERESTING OPPORTUNITIES
190. fb.setFill(0);
191. rotateUs.add(fb);
192. world.add(fb);
193. }
194. }
195. // fill in the south walls for the last row
196. row = ROWS - 1;
197. for (col = 0; col < COLS; ++col)
198. {
199. if (nodes[row][col].walls[2] == 1) // south wall exists
200. {
201. FBox fb = new FBox(GAP, 10);
202. fb.setPosition(col * GAP + offsetX, row * GAP + (GAP/2) + offsetY);
203. fb.setStatic(true);
204. //fb.setGrabbable(false); // <-- THIS COULD PROVIDE INTERESTING OPPORTUNITIES
205. fb.setFill(0);
206. rotateUs.add(fb);
207. world.add(fb);
208. }
209. }
211. FBody fb = new FBox(350, 15);
212. fb.setPosition(width/2-70, height/2);
213. fb.setStatic(true);
214. fb.setFill(0, 50, 250);
215. fb.setStroke(0);
216. fb.setStrokeWeight(3);
217. rotateUs.add(fb);
218. world.add(fb);
220. }
221. }
222. class MazeEdge
223. {
224. public int row;
225. public int col;
226. public int dir; // will be 0 (north) or 3 (west)
227. public MazeEdge(int row, int col, int dir)
228. {
229. this.row = row;
230. this.col = col;
231. this.dir = dir;
232. }
233. }
234. class MazeNode
235. {
236. // [0] = north wall
237. // [1] = east wall
238. // [2] = south wall
239. // [3] = west wall
240. public int walls[] = {
241. 1, 1, 1, 1
242. };
243. public boolean visited;
244. public MazeNode()
245. {
246. visited = false;
247. }
248. public String toString()
249. {
250. return "[" + walls[0] + " " + walls[1] + " " + walls[2] + " " + walls[3] + "]";
251. }
252. }

Rotating tank of water (idea)

[3 Replies]
- 27-Sep-2012 10:11 AM
- Forum: Programming Questions
two rotating positions

Level of liquid within a tank must be always horizontal and the areas of blue polygons are always the same..

Need help with vector mathematics.
1. //import processing.opengl.*;
2. //import javax.media.opengl.GL;
3. //PImage img;
4. void setup() {
5. size(800, 800);
6. background(255);
7. //strokeWeight(5);
8. //img = loadImage("Matt.jpg");
9. }
10. void draw() {
11. background(0);
12. //image(img, 0, 0);
13. smooth();
14. pushMatrix();
16. translate(mouseX, mouseY);
17. rotate(radians(frameCount/2));
18. beginShape();
19. strokeWeight(7);
20. fill(255);
21. vertex( -150, -150 );
22. vertex( -150, 150 );
23. vertex( 150, 150 );
24. vertex( 150, -150 );
25. endShape(CLOSE);
27. beginShape();
28. noStroke();
29. fill(0, 0, 240);
30. vertex( -150, 150 );
31. vertex( -150, -70 );
32. vertex( 150, -70 );
33. vertex( 150, 150 );
34. endShape(CLOSE);
36. popMatrix();
38. }

Smooth bezier path

[3 Replies]
- 18-Apr-2012 06:42 AM
- Forum: Programming Questions
How to avoid acute angles and make smooth bezier path?
I need it for smooth character movement.
1. int startTime;
2. float durationS = 3;
3. float durationMS = durationS*1000;
4. float segDist = 150;
5. PVector[] coords = new PVector[4];
7. void setup()
8. {
9. size(1280, 720);
10. frameRate(30);
11. smooth();
12. background(0);
13. for (int i = 1; i < 4; ++i) {
14. coords[i] = new PVector(random(width), random(height));
15. }
16. for (int i = 1; i < 4; ++i) {
17. nextPoint();
18. }
19. startTime = millis();
20. }
22. void nextPoint()
23. {
24. coords[0] = coords[3];
25. coords[1] = coords[2];
26. // reflect about coords[0]
27. coords[1].x = coords[0].x - (coords[1].x-coords[0].x);
28. coords[1].y = coords[0].y - (coords[1].y-coords[0].y);
29. do {
30. coords[3] = new PVector(random(width), random(height));
31. }
32. while (dist (coords[3].x, coords[3].y, width/2, height/2) > width/3);
33. float a = random(TWO_PI);
34. coords[2] = new PVector(coords[3].x+cos(a)*segDist, coords[3].y+sin(a)*segDist);
35. }
37. void draw()
38. {
39. float r = (millis() - startTime)/durationMS;
40. while (r > 1.0) {
41. r -= 1.0;
42. nextPoint();
43. startTime += durationMS;
44. }
45. float x = bezierPoint(coords[0].x, coords[1].x, coords[2].x, coords[3].x, r);
46. float y = bezierPoint(coords[0].y, coords[1].y, coords[2].y, coords[3].y, r);
47. float tx = bezierTangent(coords[0].x, coords[1].x, coords[2].x, coords[3].x, r);
48. float ty = bezierTangent(coords[0].y, coords[1].y, coords[2].y, coords[3].y, r);
49. float a = atan2(ty, tx);
50. strokeWeight(3);
51. stroke(255);
52. point(x,y);
53. }

Draw with Kinect

[0 Replies]
- 11-Apr-2012 05:08 AM
- Forum: Contributed Library Questions
I'm looking for the best solution for tracking left or right hand with kinect and use them instead of mouse in processing (drawing sketch).
Please if anyone can give valuable suggestion between this five options regarding FPS performance and satisfying precision:

OSCeleton
FAAST
SimpleOpenNI
diewald_CV_kit\examples\kinect_2D (hand detection)
Kinect Mouse Cursor ( http://kinectmouse.codeplex.com/ )

set(x, y, color) in GLGRAPHICS mode

[2 Replies]
- 01-Apr-2012 04:38 AM
- Forum: Contributed Library Questions
Using set(x, y, color) in GLGRAPHICS mode decrease framerate from 60fps to 10. I have tried also use pixels[], but result is same.

"Setting the color of a single pixel with set(x, y) is easy, but not as fast as putting the data directly into pixels[]. The equivalent statement to "set(x, y, #000000)" using pixels[] is "pixels[y*width+x] = #000000". You must call loadPixels() to load the display window data into the pixels[] array before setting the values and calling updatePixels() to update the window with any changes."

Please put this code into GLGRAPHICS without loosing performance..
1. //import processing.opengl.*;
  //import codeanticode.glgraphics.*;
  
  PImage img, dest;
  color[] col = new color[480000];
  
  void setup() {
  size(1600, 600, P2D);
  //size(1600, 600, GLConstants.GLGRAPHICS);
  
  img = loadImage("landscape.jpg");
  img.loadPixels();
  for (int i = 0; i < 480000; i++) {
      col[i]=img.pixels[i];
  }
  dest = createImage(800, 600, RGB);
  dest.loadPixels();
  for (int i = 0; i < 480000; i++) {
      dest.pixels[i]=col[480000-i-1];
  }
  }
  
  void draw() {
  
  for (int i = 0; i < 7000; i++) {
      int px=int(random(0, 800));
      int py=int(random(0, 600));
      dest.set(px, py+int(random(0, 1)), color(255, 0, 0));
      //dest.pixels[px + 800*(py+int(random(0, 1)))] = #F00000;
      //dest.updatePixels();
  }
  
  image(img, 0, 0);
  image(dest, 800, 0);
  
  println(frameRate);
  }

Foggy Glass

[7 Replies]
- 28-Mar-2012 10:11 AM
- Forum: Programming Questions
I'd like to achieve effect I can see here (Kinect Foggy Mirror).

Attempt # 1 (JAVA 2D)
1. PGraphics pg;
  PImage img, maskImg, imgBW;
  
  void setup() {
  
  size(800, 600, JAVA2D);
  pg = createGraphics(800, 600, JAVA2D);
  img = loadImage("Umbrellas1.jpg");
  imgBW = loadImage("Raindrops.jpg");
  maskImg = loadImage("test.jpg");
  background(imgBW);
  
  }
  
  void draw() {
  
  pg.beginDraw();
  pg.background(0);
  pg.tint(255, 220);
  pg.image(maskImg, mouseX-50, mouseY-50);
  pg.endDraw();
  
  img.mask(pg);
  image(img, 0, 0);
  
  println(frameRate);
  }
Attempt # 2 (GLGRAPHICS)
1. import processing.opengl.*;
  import codeanticode.glgraphics.*;
  
  PImage img;
  PImage wall;
  GLTexture srcTex, destTex;
  GLTextureFilter myFilter, cp;
  
  float mouseDist = 50.0;
  int w = 800;
  int h = 600;
  
  void setup()
  {
  size(800, 600, GLConstants.GLGRAPHICS);
  wall = loadImage("Umbrellas1.jpg");
  img = loadImage("Raindrops.jpg");
  cp = new GLTextureFilter(this, "copy.xml"); // copy source texture to destination texture
  myFilter = new GLTextureFilter(this, "MouseHole.xml"); // makes hole arround mouse
  srcTex = new GLTexture(this);
  destTex = new GLTexture(this);
  srcTex.putPixelsIntoTexture(img);
  //destTex.putPixelsIntoTexture(img);
  
  }
  
  void draw()
  {
  image(wall, 0, 0);
  
  float x = mouseX;
  float y = mouseY;
  myFilter.setParameterValue("mpos", new float[] {x, y} );
  myFilter.setParameterValue("mdist", mouseDist);
  myFilter.apply(srcTex, destTex);
  image(destTex, 0, 0, width, height);
  
  println(frameRate);
  
  }
TODO:

- blur mouse trail on the edge in first sketch
- add trails in second sketch
- for a few seconds Raindrops image returns to cover up the cleared spots (time-dependent alpha value??)

Put your ideas and suggestions here..

data for sketches

Extract circle texture from background with alpha channel

[8 Replies]
- 18-Mar-2012 10:57 AM
- Forum: Programming Questions
With this code I get on the edge black ring and all black pixels inside the circle are coverted to transparent..

Help me improve this code..
1. PGraphics pgTexture, pgMask, pgShape, savearea;
  color pix;
  int i;
  
  void setup()
  {
  size(800, 500);
  PImage img = loadImage("800x500.jpg");
  
  pgMask = createGraphics(width, height, JAVA2D);
  pgShape = createGraphics(width, height, P2D);
  savearea = createGraphics(100, 100, JAVA2D);
  pgTexture = createGraphics(width, height, JAVA2D);
  pgTexture.beginDraw();
  pgTexture.image(img, 0, 0);
  pgTexture.endDraw();
  }
  
  void draw()
  {
  background(0);
  DrawTextured();
  }
  
  void DrawTextured()
  {
  pgMask.background(0);
  pgMask.fill(255);
  pgMask.noStroke();
  DrawCircle(pgMask);
  PImage piMask = pgMask.get(0, 0, width, height);
  
  pgShape.image(pgTexture, 0, 0);
  pgShape.mask(piMask);
  
  image(pgShape, 0, 0);
  
  println(frameRate);
  
  }
  
  void DrawCircle(PGraphics g)
  {
  g.beginDraw();
  g.smooth();
  g.noStroke();
  g.ellipse(mouseX, mouseY, 100, 100);
  g.endDraw();
  }
  
  void mousePressed() {
  savearea.set(0, 0, get(mouseX-50, mouseY-50, 100, 100));
  
  savearea.loadPixels();
  for (int x=0; x < 100; x++) {
      for (int y=0; y < 100; y++) {
        i = ((y * 100) + x);
        pix = savearea.pixels[i];
        if(pix == color(0, 0, 0)) savearea.pixels[i] = color(0, 0, 0, 0);
      }
  }
  savearea.updatePixels();
  
  savearea.save("data/circleHole.png");
  }

physics is always fun...

[0 Replies]
- 11-Mar-2012 11:09 AM
- Forum: Share your Work
...using fisica library

http://vimeo.com/38315940

Load sketches based on presentation time

[7 Replies]
- 04-Feb-2012 08:53 AM
- Forum: Programming Questions
This is repeated question from old forum..

How could be achieve presentation of multiples sketches, one by one ?

Basically n totaly independent compositions, each displaying different things, each one using different libraries and different rendering engines.

Is processing able to load sketches dynamically based on some rule? What I need is for the compositions to change every n minutes and/or when speciffic data trigger some actions (OSC messages). Of course, I could merge all the code in one file, but then it will become messy. I'd simply like to keep every sketch independent, so they would be more easily to manage etc etc.

The pseudoscript could be:

// a "mastersketch" to load and display other sketches
// global - define paths to sketches, maybe set up some rules for each

void setup()
{
// setup
}

void draw()
{
// Loading and drawing other sketches, based on some rules
// based on time, a fast implementation ;) loads 3 sketches, each one shown for 20 seconds

if (second() >= 0 && second() < 20) {
    loadsketch[1];
}
else if (second() >= 20 && second() < 40) {
    loadsketch[2];
}
else {
    loadsketch[3];
}
}

Undecorated frames

[0 Replies]
- 02-Feb-2012 02:16 AM
- Forum: Contributed Library Questions
Here is example to show how sketches in separate windows can talk to each other...
The problem is how to d isables decorations for both frames and put them on black background (SoftFullScreen - Hansi's fullscreen library for Processing)..

Any help is much appreciated!
1. //multisketchExample1.pde
  
  import org.gicentre.utils.multisketch.*;
  import java.awt.MouseInfo;
  
  // The embedded sketch.
  RightSketch rightSketch;
  
  int mX;
  int mY;
  
  void setup()
  {
  size(300,300);
  
  smooth();
  stroke(120,20,20);
  strokeWeight(4);
  
  rightSketch = new RightSketch();
  PopupWindow win = new PopupWindow(this,rightSketch);
  win.setVisible(true);
  }
  
  void draw()
  {
  background(255,200,200);
  
  float xOffset = width-mouseX + rightSketch.width/2.0;
  float yOffset = rightSketch.height/2-mouseY;
  line(mouseX,mouseY,mouseX+xOffset,mouseY+yOffset);
  float angle = atan(yOffset/xOffset);
  
  // Tell the other sketch to draw a line from one edge to its centre.
  rightSketch.setLine(0,mouseY+(width-mouseX)*tan(angle));
  }
  
  void mousePressed(){
  mX = mouseX;
  mY = mouseY;
  }
  
  void mouseDragged(){
  frame.setLocation(
  MouseInfo.getPointerInfo().getLocation().x-mX,
  MouseInfo.getPointerInfo().getLocation().y-mY);
  println(MouseInfo.getPointerInfo().getLocation().x-mX);
  println(MouseInfo.getPointerInfo().getLocation().y-mY);
  }
  
  public void init(){
  frame.removeNotify();
  frame.setUndecorated(true);
  frame.addNotify();
  super.init();
  }
1. //AnotherSketch.pde
  
  public class RightSketch extends EmbeddedSketch
  {
  float x1,y1;
  
  void setup()
  {
      size(300,300);
      smooth();
      stroke(20, 120,20);
      strokeWeight(2);
  }
  
  void draw()
  {
      super.draw();
      background(200,255,200);
      line(x1,y1,width/2,height/2);
  }
  
  void setLine(float x1, float y1)
  {
      this.x1 = x1;
      this.y1 = y1;
  }
  }

PBox2D with 5000-1000 particles

[13 Replies]
- 08-Dec-2011 06:12 AM
- Forum: Contributed Library Questions
It's possible to make usable physic particle system (PBox2d) with 5000-10000 particles inside closed boundaries without dropping frame rate??

box example

http://www.shiffman.net/itp/classes/nature/box2d_2010/boxes/

In this example frame rate fall down from 60fps to 10fps..

Particles create an image

[4 Replies]
- 25-Nov-2011 11:38 AM
- Forum: General Discussion
http://vimeo.com/8778788

Here is description for this nice project:

"In this video, circle particles fill the volume of the building and once settled in place, create an image.
The trick here is to render the particle system twice. First, run the simulation and record the colour values of all the balls once they’ve settled and then to render again the second time and since the simulation is identical, the balls fall into the right place with the right colour."

If someone has tried something similar with fisica library in processing, please let me know and post links to anything you think might help me..

Exploding Pixels

[16 Replies]
- 15-Nov-2011 04:15 AM
- Forum: Contributed Library Questions
Can someone help me to improve this code, add timer (dead particles) and maybe more realistically effect, not so square...
1. import processing.opengl.*;
  import codeanticode.glgraphics.*;
  GLGraphicsOffScreen glg1;
  GLTexture img;
  boolean state = true;
  ArrayList particles = new ArrayList();
  
  color pix;
  int xx = 0;
  int yy = 0;
  
  Particle[][] boom = new Particle[157][157];
  
  void setup() {
  size(1280, 720, GLConstants.GLGRAPHICS);
  
  glg1 = new GLGraphicsOffScreen(this, 1280, 720);
  
  img = new GLTexture(this, "bubble.png");
  
  for (int i=0; i<157; i++) {
      for (int j=0; j<157; j++) {
        boom[i][j] = new Particle(i, j, random(-1, 1), random(1, 3), 1);
        particles.add(boom[i][j]);
      }
  }
  
  }
  
  void draw() {
  
  background(0);
  
  for(int i=0; i<157; i++) {
      for(int j=0; j<157; j++) {
        pix = img.pixels[i + (j*157)];
        if (0 < alpha(pix)) {
          fill(pix);
          boom[i][j].render();
        }
        if(state==false) {
          boom[i][j].update();
        }
      }
  }
  
  /*for (int k = particles.size()-1; k >= 0; k--) {
      Particle prt = (Particle) particles.get(k);
      prt.run();
        if (prt.dead()) {
          particles.remove(k);
        }
  }*/
  
  }
  
  class Particle {
  float x, y;
  float xMove, yMove;
  int w;
  float timer;
  
  Particle(float tempx, float tempy, float tempxMove, float tempyMove, int tempw) {
      x = tempx;
      y = tempy;
      xMove = tempxMove;
      yMove = tempyMove;
      w = tempw;
      timer = 40.0;
  }
  
  void run() {
      update();
      render();
  }
  
  void render() {
      pushMatrix();
      //translate(mouseX, mouseY);
      translate(550, 150);
      noStroke();
      rectMode(CENTER);
      rect(x, y, w, w);
      popMatrix();
  }
  
  void update() {
      x = x+2*xMove;
      y = y+2*yMove;
  }
  
  boolean dead() {
      if (timer <= 0.0) {
        return true;
      } else {
        return false;
      }
  }
  
  }
  
  void mousePressed() {
  if (state==false) {
      state=true;
  }
  else {
      state=false;
  }
  }

How to run processing sketches automatically, one by one??

[0 Replies]
- 02-Nov-2011 05:00 PM
- Forum: Programming Questions
Is it possible?

HELP: Querying a MySQL database with processing

[4 Replies]
- 28-Jul-2011 04:04 AM
- Forum: Contributed Library Questions
I'm trying to do the following:

Find and print 5 closest objects (represented as 3 numbers) to the given object

database = dbnumbers
table = numbers

One object is represented as:

4 fields (id, C1, C2, C3)
id = INT
C1 = FLOAT
C2 = FLOAT
C3 = FLOAT

C1, C2, C3 are random numbers 0-100

Required object is represented as 3 float values:

certain_number1
certain_number2
certain_number3

1. step

Find the closest numbers to the certain_number1 from a numbers table (field C1)
condition: ABS( C1 - certain_number1 ) <= threshold_value

2. step

Between a list of numbers that are seperated by step 1,
pull of the closest numbers to the certain_number2 from a numbers table (field C2)
condition: ABS( C2 - certain_number2 ) <= threshold_value

3. step

Between a list of numbers that are seperated by step 2,
pull of the closest numbers to the certain_number3 from a numbers table (field C3)
condition: ABS( C3 - certain_number3 ) <= threshold_value

Print object whit appropriate values (id, C1, C2, C3)..

Selecting closest values in MySQL:
http://www.techfounder.net/2009/02/02/selecting-closest-values-in-mysql/

Here is code for creating dbnumbers database:
1. import de.bezier.data.sql.*;
  
  MySQL msql;
  
  float c_1, c_2, c_3;
  
  void setup()
  {
      size( 100, 100 );
  
      String user     = "root";
      String pass     = "admin";
      String database = "dbnumbers";
      String table    = "numbers";
      msql = new MySQL( this, "localhost:3306", database, user, pass );
  
      if ( msql.connect() )
      {
          // create a table with an id, C1, C2, C3
          msql.execute( "CREATE TABLE IF NOT EXISTS " + table + " ("+"id INT NOT NULL AUTO_INCREMENT PRIMARY KEY, C1 DECIMAL (5,2), C2 DECIMAL (5,2), C3 DECIMAL (5,2))");
  
          // fill the table with some data
          for(int i=0; i<100; i++){
              c_1 = random(100);
              c_2 = random(100);
              c_3 = random(100);
              msql.execute( "INSERT INTO " + table + " (C1, C2 , C3) VALUES (\"" + c_1 + "\", \"" + c_2 + "\", \"" + c_3 + "\")" );
          }
  
          // need to find out how many rows there are in table?
          msql.query( "SELECT COUNT(*) FROM " + table );
          msql.next();
          println( "number of rows: " + msql.getInt(1) );
      }
      else
      {
          // connection failed !
          println("connection failed!");
      }
  }
  
  void draw()
  {
      // ...
  }

Toxi Quaternion Mystery

[7 Replies]
- 13-Jun-2011 05:34 AM
- Forum: Contributed Library Questions
I have found toxiclibscore\examples\geometry\ProfilePathAlignment and I have used it in boid sketch (steering). Everything works fine, but there are moments when Agent flip back and forward very quickly (Agent follow mouse, but when quickly move the mouse in opposite direction, Agent make unnatural movement).

I want to apply SLERP function (Quaternion interpolateToSelf(Quaternion target, float t)).
How to implement it with Quaternion alignment and rotation matrix ??

void display() {
    noStroke();

    // Rotation vectors
    // use to perform orientation to velocity vector
    Vec3D new_dir = new Vec3D(velocity);
    new_dir.normalize();

    Vec3D new_up = new Vec3D(0.0, 1.0, 0.0);
    new_up.normalize();

    //axis of rotation
    Vec3D new_side = new_dir.cross(new_up);
    new_side.normalize();

    float dotP = new_dir.dot(new_up);
    float angle = new_dir.angleBetween(new_up, true);
    //println(angle);
    //println(acos(dotP));

    //quaternion that rotates the vector given by the "forward" param into the direction given by the "dir" param.
    //public static Quaternion getAlignmentQuat(ReadonlyVec3D dir, ReadonlyVec3D forward)
    Quaternion alignment = Quaternion.getAlignmentQuat( new_dir,Vec3D.Y_AXIS);

    //public Matrix4x4 translateSelf(ReadonlyVec3D trans)
    Matrix4x4 mat = new Matrix4x4().translateSelf( mouseX, mouseY, 0);
    mat.multiplySelf(alignment. toMatrix4x4());

    pushMatrix();
    // update location
    translate(location.x, location.y, location.z);

    float[] axis = Quaternion.getAlignmentQuat( new_dir,Vec3D.Y_AXIS). toAxisAngle();

    rotate(axis[0],axis[1],axis[2] ,axis[3]);

    agent.display(); //draw stuff
    popMatrix();

}

Activity Trend