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.