Hi, I'm a student and I'm looking for help to create an animation, maybe interactive, of soap bubbles with processing...does anyone have any suggestion for me? Or have you already seen some examples, even made with action script or something else? Thanks..

robert has an old example:
http://www.flight404.com/p5/soap_tube/

F

Thank you for your aswers...I was thinking about create bubbles that can combine to each other according to reality....I mean, soap bubbles have precise geometric rules when they combine, always the same angles..so my idea was to use those rules and create a model of a real bubble...but maybe it's too difficult..I don't know.
Thanks however

From http://en.wikipedia.org/wiki/Soap_bubbles :

Quote:


That should give you a place to start, though a programmatic implementation of the concept might be tricky to get running quickly.

First off: are you thinking of doing this in 3d or 2d?  That could make quite a difference to the ultimate result and the methods used to get there.

Did you found a sollution? We are planing a project and we maybe will use soap bubbles. If you have a code allready, I would be very interessted in it

cheers

Stefan*

Thank you for the fast reply. Very interesting this examples

Use a transparent cirkular faded png mask for the video / image inside the bubble, and draw that.
Then, draw the transparent png bubble on top of that, and voila. A picture/video inside a bubble

hey heres the code i have at the moment sorry its a bit messy -i can put the mask image in with the bubble class but if i try to mask the bubble it gives me an error that the mask has to be the same size as the applet.

Bubble mybubble;
PImage bubble;
PImage Imgmask;

void setup() {
  mybubble = new Bubble();
  size (600, 600);
  bubble = loadImage( "bubble.png");
  Imgmask =loadImage("bubble-mask1.png");
}

void draw (){
  background(255);
  mybubble.move();
  mybubble.display ();
}


 
 class Bubble { //define class
 float xpos;  // variables
 float ypos;
 float xspeed;
 
 Bubble() {  //constuctor
 
 xpos = width/2;
 ypos = height/2;
 xspeed = 1;
 }
 
 void display() {   //function
 image(bubble,xpos,ypos); // Draw image
 image(Imgmask, xpos, ypos,140,140);
 bubble.mask(Imgmask);
 
// bubblemask.resize(157,157);
 }
 
 void move() {  //function
 if(keyPressed) {
   if(key == 'z'){
   mybubble.xpos--;
   }
 }

   if(keyPressed) {
   if(key == 'x'){
   mybubble.xpos++;
   }
 }
 
 if(keyPressed) {
   if(key == 'w'){
   mybubble.ypos--;
   }
 }

   if(keyPressed) {
   if(key == 's'){
   mybubble.ypos++;
   }
 }
 
 
 }
 }

Will be working on it today so might be able to figure it out but anyone got any ideas, i'm sure its probably something stupid.

cheers