Hey people,

I have the follow script that creates a 'pond effect'. The background is a live capture aimed at the users head to simulate a reflection. Where I am stuck is that I need dual cameras working to also use a home made multitouch display.


Script:


Capture img;


Ripple ripple;
 
void setup() {
  img = new Capture(this, 680, 420);
  size(680, 420);
  ripple = new Ripple();
  frameRate(60);
}
 
void draw() {
 
  if (img.available() == true) {
    img.read();
    image(img, 160, 100);
    // The following does the same, and is faster when just drawing the image
    // without any additional resizing, transformations, or tint.
    //set(160, 100, cam);
  loadPixels();
  img.loadPixels();
  for (int loc = 0; loc < width * height; loc++) {
    pixels[loc] = ripple.col[loc];
  }
  updatePixels();
  ripple.newframe();
  }
}
 
class Ripple {
  int i, a, b;
  int oldind, newind, mapind;
  short ripplemap[]; // the height map
  int col[]; // the actual pixels
  int riprad;
  int rwidth, rheight;
  int ttexture[];
  int ssize;
 
  Ripple() {
    // constructor
    riprad = 3;
    rwidth = width >> 1;
    rheight = height >> 1;
    ssize = width * (height + 2) * 2;
    ripplemap = new short[ssize];
    col = new int[width * height];
    ttexture = new int[width * height];
    oldind = width;
    newind = width * (height + 3);
  }
 
 
 
  void newframe() {
    // update the height map and the image
    i = oldind;
    oldind = newind;
    newind = i;
 
    i = 0;
    mapind = oldind;
    for (int y = 0; y < height; y++) {
      for (int x = 0; x < width; x++) {
        short data = (short)((ripplemap[mapind - width] + ripplemap[mapind + width] +
          ripplemap[mapind - 1] + ripplemap[mapind + 1]) >> 1);
        data -= ripplemap[newind + i];
        data -= data >> 5;
        if (x == 0 || y == 0) // avoid the wraparound effect
          ripplemap[newind + i] = 0;
        else
          ripplemap[newind + i] = data;
 
        // where data = 0 then still, where data > 0 then wave
        data = (short)(1024 - data);
 
        // offsets
        a = ((x - rwidth) * data / 1024) + rwidth;
        b = ((y - rheight) * data / 1024) + rheight;
 
        //bounds check
        if (a >= width)
          a = width - 1;
        if (a < 0)
          a = 0;
        if (b >= height)
          b = height-1;
        if (b < 0)
          b=0;
 
        col[i] = img.pixels[a + (b * width)];
        mapind++;
        i++;
      }
    }
  }
}
 
 
void mouseMoved() {
  for (int j = mouseY - ripple.riprad; j < mouseY + ripple.riprad; j++) {
    for (int k = mouseX - ripple.riprad; k < mouseX + ripple.riprad; k++) {
      if (j >= 0 && j < height && k>= 0 && k < width) {
        ripple.ripplemap[ripple.oldind + (j * width) + k] += 512;
      }
    }
  }
}



What do I do to allow this secondary camera to act as a touch pad?


Thanks in advance.

Hey people,

Hey people,

I have managed to combine two sources to make a colourful ripple effect with a continuous flow but I am now stuck as to how I make the background transparent.

This is to be projected on to a wall, hence the desire for it to be see through. Here is the source code for what I already have....


//ring.pde
ArrayList ripples;
color bg = 0;

int c1 = 255; // Color array
int c2 = 127;
color[] c = {
color(c1, c2, 0), color(c1, 0, c2), color(c2, c1, 0), color(c2, 0, c1), color(0, c2, c1), };

void setup() {
size(500, 500);
ripples = new ArrayList();
smooth();
stroke(255);
strokeWeight(3);
noFill();
}

void draw() {
background(bg);
for( int i = ripples.size()-1; i >= 0;i--){
Ripple ripple = (Ripple) ripples.get(i);
ripple.resize();
ripple.display();
if(!ripple.on)ripples.remove(i);
}

}

void mouseDragged() {
int which = round(random(4)); // pick a color, any color (or the number associateing to that color in the array)
ripples.add(new Ripple(mouseX, mouseY, which));
}



void keyPressed() {
if (keyCode == ' ') {
if (bg == 0) {
bg = 255;
} else {
bg = 0;
}
}
}

//ripple class
class Ripple { // The ripple class
float x, y; //
float diameter, alph;
boolean on;
boolean finished = false;
color colors;

public Ripple(float xpos, float ypos, color shade) {
x = xpos;
y = ypos;
on = true;
diameter = 1;
colors = shade;

}

void resize() {
if (on) {
if (diameter < 200) {
diameter++;
alph = abs((diameter*1.275)-255);
} else {
on = false;
}
}
}

void display() {
noFill();
stroke(c[colors], alph);
strokeWeight(3);
ellipse(x, y, diameter, diameter);
}
}



Thanks in advance for any help.