OVERVIEW
Koi ponds are known for their relaxing and tranquil nature. Flux channels the relaxation felt while viewing a koi pond, allowing viewers to interact with the space. Tap the water to create ripples and attract the fish to your touch. Flux was created using Processing and simple multi-touch libraries. It is intended to be displayed on a 55 inch multi-touch monitor.
- Vincent Hornak, Computer Science
- Nathan Trone, Computer Science
- Carlos Santiago, Computer Science
- Claudia Grossmann, Communication Design
RESEARCH
Competitive Analysis, Personas, Planning
I think the movement of the fish is really realistic, and the way the water reacts to the mouse is also very believable. I think the detail in the rocks on the bottom is really nice, but I wish there were more of an environment.
See this example hereThis is an app for Windows. It has some really interesting features. Touch the screen to add waves and scare the fish. Shake device to feed the fish. Tilt the device to add more waves. Use menu to change backgrounds, sounds or to add more fish.
See this example hereThis is a game for iPhones and iPads. This game has a lot of customizable features such as various koi breeds and pond decor. You can visit your friends ponds and sell and trade. I like that the ponds have more than just the fish and rocks on the bottom. I am definitely thinking of a more sleek look for Flux.
See this example hereThis is the first (original) version of the game above. I actually prefer this version. I think this is more of what we are going for. There aren't as many customizable features, and it is more about the experience and actual interaction with the fish. The menus are very minimal and not intrusive.
See this example hereThis is an live wallpaper for Androids. Although it is not interactive, this is the closest example I have found to the style I am going for. It's lighter and not so grungy. The view of the pond is similar to what we are planning to have for Flux- we probably want it to be just a little more directly over head. I also like seeing the edges of the pond.
See this example hereThis is just an online game for building your own fish tank. The fish move pretty believably, but are a little sporatic at some times. I think that this game has kind of clashing styles. I don't like how some parts look very cartoonish, while others are photographs.
See this example hereThis is super interesting. At first glance, I wasn't sure what was going on and how little dots were supposed to be fish. However, I now think this is pretty cool- this piece turns a bed of water into a capacitive touchscreen using projectors ana an HD webcam connected to a laptop running OpenCV and Processing software. Should we use processing????
See this example hereThis animation of the cloth is created using three.js. I think this is a good reference for us while animating the water. The movement is really believable and echos that of the movement of a current in water. The highlights and shadows are really nice.
See this example hereReally nice example of water animation using three.js. We are looking for a bit more of an overhead shot, but still good reference.
See this example hereThe birds in this example follow the mouse really well, kind of like how we want the fish to respond to a tap and hold of the display.
See this example hereThere will be 12 fish- different sizes and colors. Display can detect 6 fingers. Tap that create ripples= touch detected for less than a second, ripples last for 3 seconds. Tap and hold that attracts fish= touch detected for more than 3 seconds, ripples last for 6 seconds and fade out. When all 6 fingers are detected, 2 fish go to each finger 5 fingers= 2 fish to each finger, 2 fish are swimming undisturbed 4 fingers= 3 fish to each finger 3 fingers= 3 fish to each finger, 3 fish are swimming undisturbed 2 fingers= 4 fish to each finger, 4 fish are swimming undisturbed 1 finger= 6 fish to finger, 6 fish are swimming undisturbed