Loading...
Logo
Processing Forum
Core Library Questions
jmtaylor91
jmtaylor91

Making a game using webcam and brightness detection

in Core Library Questions  •  1 year ago  
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:

Copy 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) {
  57.    
  58.    }
  59.    }*/

  61.   image(myCaptureDevice, 0, 0, imageWidth, imageHeight);

  63.   bubble1.drawBubble();
  64. }

And my bubble class under a new tab:

Copy code
  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

Replies(3)

Manindra29
Manindra29

Re: Making a game using webcam and brightness detection

1 year ago
Check out this tutorial on a similar concept.
jmtaylor91
jmtaylor91

Re: Making a game using webcam and brightness detection

1 year ago
Right, I've had a look at the tutorial. My game is a little different i that I'm not using images of bubbles and I'm using ellipses instead among other things. I'm having a little trouble with my function for finding the bubbles with the brightest pixel.

I'm unsure about how to pass variables correctly between my main sketch and my bubble class.

Here's my main sketch:

Copy 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.   bubble1.addBubble();
  20.   bubble1.addBubble();
  21.   bubble1.addBubble();
  22.   bubble1.addBubble();
  23.   bubble1.addBubble();
  24.   bubble1.addBubble();
  25. }

  27. void draw()
  28. {
  29.   myCaptureDevice.read();
  30.   myCaptureDevice.loadPixels();
  31.   float brightestValue = 0;
  32.   int brightestX = 0;
  33.   int brightestY = 0;
  34.   int[] pixels = myCaptureDevice.pixels;

  36.   int index = 0;
  37.   for (int y = 0; y < myCaptureDevice.height; y++) {
  38.     for (int x = 0; x < myCaptureDevice.width; x++) {
  39.       int pixelValue = myCaptureDevice.pixels[index];
  40.       float pixelBrightness = brightness(pixelValue);
  41.       if (pixelBrightness > brightestValue) {
  42.         brightestValue = pixelBrightness;
  43.         brightestY = y;
  44.         brightestX = x;
  45.       }
  46.       index++;
  47.     }
  48.   }
  49.   int found = bubble1.find(brightestX, brightestY);
  50.   if (found != -1) {
  51.     bubble1.remove(found);
  52.   }

  54.   /*for (int i = 0; i < 100; i++) {
  55.    if (brightestX == xArray[i] && brightnessY == yArray[i]) {
  56.    println("");
  57.    }
  58.    }*/

  60.   /*for (int i=0; i<pixels.length ;i++) {
  61.    int pixelValue = myCaptureDevice.pixels[i];
  62.    float pixelBrightness = brightness(pixelValue);
  63.    if (pixelBrightness > brightestVal) {
  64.    brightestVal = pixelBrightness;
  65.    //brightestY = y;
  66.    brightestX = i;
  67.    if (brightness(pixels[i]) > 220) {
  68.    
  69.    }
  70.    }*/

  72.   image(myCaptureDevice, 0, 0, imageWidth, imageHeight);

  74.   bubble1.drawBubbles();
  75. }

and my bubble class:

Copy code
  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.   int[] xArray = new int[(imageWidth*imageHeight)];
  12.   int[] yArray = new int[(imageWidth*imageHeight)];

  14.   public Bubble()
  15.   {
  16.   }

  18.   void addBubble()
  19.   {
  20.     if (currentBubbles < 100)
  21.     {
  22.       xArray[currentBubbles] = int(random(imageWidth));
  23.       yArray[currentBubbles] = int(random(imageHeight));
  24.       bubbleIncrement[currentBubbles] = random(50);

  26.       r[currentBubbles] = random(255);
  27.       g[currentBubbles] = random(255);
  28.       b[currentBubbles] = random(255);

  30.       ellipse(xArray[currentBubbles], yArray[currentBubbles], bubbleIncrement[currentBubbles]*bubbleSize[currentBubbles], bubbleIncrement[currentBubbles]*bubbleSize[currentBubbles]);

  32.       currentBubbles++;
  33.     }
  34.   }

  36.   int find(int x, int y)
  37.   {
  38.     for (int i = 0; i<100; i++) {
  39.       if (xArray[i] == x && yArray[i] == y) {
  40.         return 1;
  41.       }
  42.       else {
  43.         return -1;
  44.       }
  45.     }
  46.   } 

  48.   void remove(int number)
  49.   {
  50.   }

  52.   void drawBubbles()
  53.   {
  54.     for (int j=0; j<10; j++) {
  55.       if (bubbleSize[j] < 100.0) {
  56.         bubbleSize[j] = bubbleSize[j] + 0.005;
  57.       }

  59.       strokeWeight(5);
  60.       stroke(r[j], g[j], b[j], 100);     
  61.       fill(r[j], g[j], b[j], 50);

  63.       ellipse(xArray[j], yArray[j], bubbleIncrement[j]*bubbleSize[j], bubbleIncrement[j]*bubbleSize[j]);
  64.     }
  65.   }
  66. }

The parts I'm having trouble with are the find and found functions. It says I need to return a value of type int which as far as I can tell I am doing. Any pointers?
jmtaylor91
jmtaylor91

Re: Making a game using webcam and brightness detection

1 year ago
bump... I'm really struggling with this
Top Reply

Statistics

  • 3 Replies
  • 1485  Views
  • 0 Followers

Actions

Related Posts