How it works?

When the Conv-O is opened the following is seen,first screen

The default screen. It has three buttons with the option of adding bubbles, removing bubbles and save the screen. It is a fairly generic screen with options. But the magic is about to happen.

When add bubble is pressed the following notification is presented.add bubble message

It will only execute when a string, word, is typed in.

After typing a topic question or word.

single node

A single node enter and populates the screen. After entering some more topics to be covered.

screen populated with more bubbles

we can get something that looks like this.

when you press a bubble you zoom in to the center of the image like so

topic

zoom single node

The nod increases in size based on the sound of the people talking about the topic near the screen. After some time you can get something like this. A visual representation about a conversation with varying size, the amount of conversation, about a particular topic.

after using the bubblwe

The pretty stuff.

The math.

So there is an illusion on the screen. Normally on a processing sketch, the visual screen, the (0,0) co-ordinate is in the top left screen. I transformed the (0,0) co-ordinate to the center of the screen. This means that the physics engine screen is actually not width and height because I have negatives in my screen. With this setup, it means that I can set the center by translating, then scaling with the appearance of magnification then increasing the radius of the ball by sound over the average noise in the room. But the mouse and screen is not the same thing, so I have to reverse the transformation by calculation to get the new x and y position to match the position of the bubble world.

It only has a wrapper class called Particle that extends the VerletParticle2D class in the toxiclibs library. This class is also in charge of drawing the particles, and the variables of the radius, so it can be changed to be increased.

On paper it sounds so simple, but the entire coding was a pretty daunting task but in the end I got there, thanks with the help of my magnificent programing teacher.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s