Group BigFatRain has two sketches, which all four of us worked on together. Both of our sketches were motivated by rotation interaction. The main control variables are a feature that allows the images in our sketches to follow the user-operated mouse. Additionally, another control feature is a “MousePressed” function that incorporates user interaction because once the mouse is pressed, some element in our sketch changes.
We reflect on the challenges of the lab:
One thing we learned about the Processing project was the pain of a deadline when it comes to working with code. Side projects, other classes and other such engagements made it hard for us to meet as frequently as we would have wished, which was disappointing as a few more hours of team meetings would have made our final products better. Circumstances beyond our control made it hard to meet our challenges, especially as were expected to do two programs as opposed to one. These are some of the challenges of programming as a team.
In real-life scenarios, however, these kinds of challenges occur on a different level, for many programmers, such work is their means of employment, thus they will be able to plan their schedule around it. Furthermore, in cases such as open-source projects, a team can be of near infinite size, so someone doing something else for a brief period of time won’t slow down the project.
Onto defining our sketches…
Sketch 1 displays a raindrop image that continuously rotates clockwise on a white background. The raindrop image allows for mouse interaction as it follows the mouse around the screen while still maintaining its rotational feature. Once the mouse is clicked, the raindrop image rotates doubly as fast counterclockwise (changes direction and speed). In addition to this, we also made the background change colors when the mouse is clicked.
Below are some screenshots that show our code in action. This is what the user sees upon initially opening our sketch. (Note: the red arrows are not a part of our sketch, rather they just show the direction of rotation of the raindrop image).
Once the mouse is clicked, our sketch turns into something that looks like the following:
Sketch 2 works essentially the same as sketch 1. It displays a raindrop face image that continuously rotates clockwise on a white background. In sketch 2 though, the image changes when the mouse is clicked. Not only does the image change, but the new image also changes direction and rotates 4-times as fast. The raindrop images also allow for mouse interaction as they follow the mouse around the screen while still maintaining their rotational features.
Below are some screenshots that show sketch 2 in action. This is what the user sees upon initially opening our sketch. (Note: the red arrows are not a part of our sketch, rather they just show the direction of rotation of the raindrop image).
Once the mouse is clicked, the screen appears as such: