Week 5: Painting with a Partner

Screen Shot 2018-02-27 at 3.58.27 PM.png

Riffing off of the Ouija class example and our group's previous assignment, Maria and I built a collaborative painting app for our paired activity. We were inspired to create an opportunity for a fluid flow of collective contributions, and using our tool, two partners work together to control one brush and one palette. The brush itself is adapted from my pixel painting app. There's no set goal except to play in the screen sandbox with digital paint. (It doesn’t always have to be competitive to be fun, right?) 

We thought about expression for the input and also for the output. Ideally, we hoped to increase the range for both compared to our experience with the Ouija game. First the output. Like that example, the position of our "brush" renders on the output screen according to the average position of both participants on their home input windows. But unlike the example, we removed the stakes of clearing the screen if partners move too far away from one another. Instead, we incorporated distance to one another as a creative decision: the closer the partners the larger the size of the brush, the farther away the smaller it gets. 

In this scenario thus far, both players contribute the same type of input (their position and distance to one another) for a combined output. We then decided differentiate the inputs through the incorporation of paint color: one painter controls the hue, while the other controls levels of brightnesss, greatly expanding the palette options. Using desktops/laptops, clicking and dragging the mouse across the screen from left to right changes these values. Paint does not start to flow until both players have clicked their mice/trackpads.

Finally, we incorporated accelerometer data from our mobile devices to paint our combined brush strokes in the air. Swiping back and forth across the screen (along the X axis) adjusts hue and brightness.

If just using laptops/desktops, you can play here and/or remix on Glitch. 

Navigate here for the mobile version.

Code also on GitHub.