Processing Forum

Making a game using webcam and brightness detection

[3 Replies]
- 22-Mar-2012 09:54 AM
- Forum: Core Library Questions
Hey, my idea is to make a kind of game where different coloured bubbles appear, grow and are burst once a bright area (e.g. a phone torch) is shined over them.

I have my bubbles appearing and growing. Although I do want them to appear at random times not all at once, and I want a maximum of say 10 on the screen at once and a new one appears once one is 'popped'.

Also I'm having trouble linking up the co-ordinates of the bubbles and the bright area. I tried using super in my bubble class to pass the coordinates through but processing wasn't having any of it.

Here's my main code:
2. import processing.video.*;
4. Capture myCaptureDevice;
6. int imageWidth = 640;
7. int imageHeight = 480;
9. Bubble bubble1;
11. void setup()
12. {
13. size(imageWidth, imageHeight, P2D);
14. myCaptureDevice = new Capture(this, imageWidth, imageHeight);
15. background(0);
16. smooth();
18. bubble1 = new Bubble();
19. }
21. void draw()
22. {
23. myCaptureDevice.read();
24. myCaptureDevice.loadPixels();
25. float brightestValue = 0;
26. int brightestX = 0;
27. int brightestY = 0;
28. int[] pixels = myCaptureDevice.pixels;
30. int index = 0;
31. for (int y = 0; y < myCaptureDevice.height; y++) {
32. for (int x = 0; x < myCaptureDevice.width; x++) {
33. int pixelValue = myCaptureDevice.pixels[index];
34. float pixelBrightness = brightness(pixelValue);
35. if (pixelBrightness > brightestValue) {
36. brightestValue = pixelBrightness;
37. brightestY = y;
38. brightestX = x;
39. }
40. index++;
41. }
42. }
43. for (int i = 0; i < 100; i++) {
44. if (brightestX == xArray[i] && brightnessY == yArray[i]) {
45. println("Dick");
46. }
47. }
49. /*for (int i=0; i<pixels.length ;i++) {
50. int pixelValue = myCaptureDevice.pixels[i];
51. float pixelBrightness = brightness(pixelValue);
52. if (pixelBrightness > brightestVal) {
53. brightestVal = pixelBrightness;
54. //brightestY = y;
55. brightestX = i;
56. if (brightness(pixels[i]) > 220) {
58. }
59. }*/
61. image(myCaptureDevice, 0, 0, imageWidth, imageHeight);
63. bubble1.drawBubble();
64. }
And my bubble class under a new tab:
2. public class Bubble
3. {
4. float bubbleIncrement[] = new float[100];
5. float bubbleSize[] = new float[100];
6. float r[] = new float[100];
7. float g[] = new float[100];
8. float b[] = new float[100];
9. int currentBubbles = 0;
11. float[] xArray = new float[(imageWidth*imageHeight)];
12. float[] yArray = new float[(imageWidth*imageHeight)];
14. public Bubble()
15. {
16. }
18. void drawBubble()
19. {
20. if (currentBubbles < 100)
21. {
23. for (int i=0; i<100; i++)
24. {
25. xArray[i] = (random(imageWidth));
26. yArray[i] = (random(imageHeight));
27. bubbleIncrement[i] = random(50);
29. r[i] = random(255);
30. g[i] = random(255);
31. b[i] = random(255);
33. ellipse(xArray[i], yArray[i], bubbleIncrement[i]*bubbleSize[i], bubbleIncrement[i]*bubbleSize[i]);
35. currentBubbles++;
36. }
37. }
39. for (int j=0; j<10; j++) {
40. if (bubbleSize[j] < 100.0) {
41. bubbleSize[j] = bubbleSize[j] + 0.005;
42. }
44. noStroke();
45. fill(r[j], g[j], b[j], 150);
47. ellipse(xArray[j], yArray[j], bubbleIncrement[j]*bubbleSize[j], bubbleIncrement[j]*bubbleSize[j]);
48. }
49. }
50. }
Any pointers would be greatly appreciated!

Thanks

Detecting hands with a webcam

[0 Replies]
- 18-Mar-2012 06:47 AM
- Forum: Programming Questions
Hey, I'm trying to make an interactive sketch where the user can pop bubbles with their hands on screen using the imported webcam feed. I can detect different colour and saturation pixels but I was wondering whether it was possible to detect just a hand without making the user wear anything special?

This is what I use to detect motion at the moment:
2. for (int x = 0; x < video.width; x ++ ) {
3. for (int y = 0; y < video.height; y ++ ) {
5. int loc = x + y*video.width; // Step 1, what is the 1D pixel location
6. color current = video.pixels[loc]; // Step 2, what is the current color
7. color previous = prevFrame.pixels[loc]; // Step 3, what is the previous color
9. // Step 4, compare colors (previous vs. current)
10. float r1 = red(current);
11. float g1 = green(current);
12. float b1 = blue(current);
13. float r2 = red(previous);
14. float g2 = green(previous);
15. float b2 = blue(previous);
16. float diff = dist(r1, g1, b1, r2, g2, b2);
18. // Step 5, How different are the colors?
19. // If the color at that pixel has changed, then there is motion at that pixel.
20. if (diff > threshold) {
21. // If motion, display black
22. pixels[loc] = color(0);
23. soundCount--;
24. }
25. else {
26. // If not, display white
27. pixels[loc] = color(255);
28. }
29. }
30. }
31. updatePixels();
32. float freq = map(soundCount, 0, height, 3000, 60);
33. sine.setFreq(freq);
34. float pan = map(soundCount, 0, width, -1, 1);
35. sine.setPan(pan);
36. }
I use that to detect if something's moving and then output a sine wave using values from that.

Thanks

Webcam doesn't work with Processing

[2 Replies]
- 15-Mar-2012 10:46 AM
- Forum: Integration and Hardware
I'm trying to make a sketch involving the webcam feed from my laptop, however the webcam video won't load into processing. The error I'm getting is:

'No capture could be found, or the VDIG is not installed correctly'

I have a Samsung S3520 laptop. I've also tried running my sketch on an iMac with Processing already installed and it works perfectly.

Any pointers?

Here's the full log below as well:

quicktime.std.StdQTException[QTJava:7.6.0g],-9405=couldntGetRequiredComponent,QT.vers:7718000

at quicktime.std.StdQTException.checkError(StdQTException.java:38)

at quicktime.std.sg.SGChannel.allocate(SGChannel.java:63)

at quicktime.std.sg.SGChannel.<init>(SGChannel.java:56)

at quicktime.std.sg.VisualChannel.<init>(VisualChannel.java:41)

at quicktime.std.sg.SGVideoChannel.<init>(SGVideoChannel.java:47)

at processing.video.Capture.init(Unknown Source)

at processing.video.Capture.<init>(Unknown Source)

at processing.video.Capture.<init>(Unknown Source)

at webcam_motion_tracking.setup(webcam_motion_tracking.java:59)

at processing.core.PApplet.handleDraw(Unknown Source)

at processing.core.PApplet.run(Unknown Source)

at java.lang.Thread.run(Thread.java:662)

Exception in thread "Animation Thread" java.lang.RuntimeException: No capture could be found, or the VDIG is not installed correctly.

at processing.core.PApplet.die(Unknown Source)

at processing.core.PApplet.die(Unknown Source)

at processing.video.Capture.init(Unknown Source)

at processing.video.Capture.<init>(Unknown Source)

at processing.video.Capture.<init>(Unknown Source)

at webcam_motion_tracking.setup(webcam_motion_tracking.java:59)

at processing.core.PApplet.handleDraw(Unknown Source)

at processing.core.PApplet.run(Unknown Source)

at java.lang.Thread.run(Thread.java:662)

Adding values to a 2 dimensional array in processing

[6 Replies]
- 14-Mar-2012 12:47 PM
- Forum: Programming Questions
I'm trying to using a for loop to add x and y coordinates to a two dimensional array but I'm struggling to work out the syntax to use to do it. My code is below:
2. void draw()
3. {
4. for (int i=0; i<(camWidth*camHeight); i++)
5. {
6. cam8Strolz = loadImage("http://88.116.117.219/axis-cgi/jpg/image.cgi?resolution=640x480", "jpg");
7. int x = int(random(camWidth));
8. int y = int(random(camHeight));
9. int loc = x + y*camWidth;
11. cam8Strolz.loadPixels();
12. float r = red(cam8Strolz.pixels[loc]);
13. float g = green(cam8Strolz.pixels[loc]);
14. float b = blue(cam8Strolz.pixels[loc]);
15. noStroke();
17. fill(r,g,b,100);
18. ellipse(x,y,blurSize,blurSize);
19. ellipseArray[i][i] = x; y;
20. }
21. }
Its the last line that I need the syntax for really. I'm struggling!
Thanks in adance

Importing radio feeds into Processing?

[3 Replies]
- 08-Mar-2012 08:54 AM
- Forum: General Discussion
I'm thinking of making a real-time visualisation of an audio feed. I was wondering if it was possible to import a radio feed into processing and also how I would go about doing it? I've looked around and haven't found anything but was hoping it was possible...

Thanks

Joe

Activity Trend