Processing Lab: Balloon

By: Melissa Frohman and Lucas Zaima

Although a lot of the syntax was recognizable while looking at the examples, there were still many variables and methods that were not familiar to us. There were so many different dimensions to think about, rather than just the 1 dimensional programs we were familiar with when using Python or C++, for example. We only needed to consider how to get a program running that would quit after the number 5 is presented. So, trying to get the program to do what we wanted was harder than expected. Our final outcome is not what he had originally planned on.

Our initial project involved a dog on a leash that would move in response to mouse movements. The leash was a spring function of multiple connected springs inspired by the Processing.org example “Chain” from Examples: TopicsàChain. We started with this example as the basis of our project. We changed the “Chain” example by adding more spring chain links that responded to the “x” and “y” position of the parent spring it was attached to. The topmost spring responded to mouse movement. We added two more springs to the original code and changed the float easing of the springs so that the leash was longer and so each spring in the chain moved more naturally. We then tried to add the image file of the dog to the end of the last spring in the chain, but this proved to be problematic as we were not aware of the parameters that functioned with the image. We then attempted to attach a circle at the end of the chain, but we developed issues with the attachment to the chain, similar to the image of the dog.

So, as we faced several problems in creating the program we had envisioned, we started just messed around with different numbers for different variables to test out what each variable was responsible for. As a result, we ended with what we like to consider a separating balloon. The program starts with the pink balloon in the upper left hand corner and then as you move the mouse either right/left or up and down, each piece of the balloon moves along their respective axes. We did this by creating two semicircles that followed the mouse movement along the “x” and “y” axes.

How the program looks when it first starts- like a balloon.

As the user begins to move the mouse away from the corner, the balloon separates into two pieces.

The user can move their mouse left or right and the balloon pieces will continue to move along their respective axes.

The user can also move their mouse up or down and the balloon pieces will continue to move along their respective axes.

Advertisements
This entry was posted in Uncategorized. Bookmark the permalink.

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