I will start with Deemo, a game where I got inspiration for the final project from. This game is done by Rayark. This music game allows user to play the correct nodes that correspond with the background music. What I really admire about the project is that it creates a background story for players. The player play the game to help a tree grow, and the growth of the tree helps a little girl in the game. The visual effect and music choice are all great. I attached an video below demonstrating this game. However, I think the game has one weakness. It might be better if the player were able to do more actions rather than simply pressing the screen at the correct time.
To explore more possible interaction with simple geometries, I looked at project Three Drops by Scott Snibbe. This interactive exhibition allows people to interactive with virtual water in three different ways: showering, stopping water drops from reaching the ground, and attracting water molecules. Even a simple element, water, can exist in many phases. In my project, I will try to incorporate more ways to interactive with the computer program.
For the final project, I will be working with Ryu Kondrup to create a program which animates the drawings of famous 20th century buildings by Mies van der Rohe. The generative graphics will be used to draw building plans, as well as a perspective or axonometric view of a few of his buildings. In addition to this, we are thinking of incorporating some interactive elements: possibly using the mouse to complete the drawings, color them in or reveal an underlying image of the building that matches the linework. We will also be including a directory for the user to pick which image they would like to see generated next. We will be using Turtle Graphics to complete this project.
For my project I would like to create an animation which draws iconic 20th century buildings by Mies Van Der Rohe such as the Barcelona Pavilion, the Brick Country House, and the IIT Crown Hall. The canvas would start blank and the user would click or push a button to initiate the drawing animation, which gradually draws the outlines of a chosen building and when the user interacts with the canvas after the drawing completes, possibly by dragging the mouse, an underlying perspective photograph of the building reveals and matches the linework of the building already on top. After the full colored image is revealed the user would be redirected to a rendering of another building in the Mies buildings list. The drawings may possibly be done using turtle graphics.
This project will be in collaboration with Emmanuel Nwandu.
My inspiration for the final project comes from my favorite music game, Deemo, by Rayark company. I’ve always interested in game design and this time I want something that involves with sound. In this game, a background music will be played since the start. Bubbles will randomly appear from the top of the screen and move downward, each representing a node. The sound of the node will be played if bubbles are clicked. Players are expected to click on the bubble only when its center is roughly at the finish line, so the node played will correspond to the background music. If the bubble is clicked at the correct time, it will shine and the player gets one point. If the player continuously getting the bubble at the right time, the combo number will be displayed at the top right corner.
The speed of the bubbles are constant. I will manually count and arrange when the bubble should appear and be clicked, to correspond to the background music. Sounds for different nodes will be loaded to p5js, and the bubbles will shine when certain conditions are met (clicked at the right time, using if statement). The time will probably be counted using millis() function.
If time allows I will try to add some background story to this game, making it more appealing.
For the final project, my initial idea is to create an interactive, animation-like game that aims to raise awareness for those affected by ALS. In the game that I am envisioning, I want to create a set of actions the users can interact with the “person” — cleaning, patting, hugging, etc. Since the person will be automatically set to blue-ish color, signifying his coldness as ice cracks climbs up to his feet, these set of actions will activate warmness to take away his pale blue colors and turn his body into warmer hues, signifying his rise of vitality. The source of warmness will come from his animated heart, and the users would have to occasionally interact with the “person” for a better mood and vitality.
Even though at this point I am not yet sure about how to execute it, I hope to learn more about creating animation in P5.JS, as well as different mouse functions that could optimally turn the mouse shape into customized patterns. Below is a visualized sketch for what I am thinking right now.
For my final project I wanted to incorporate both maps and tracking data, so I looked for projects that used one or both of those.
The first project I looked at is “Mapping the World’s Friendships” by Stamen (https://stamen.com/work/facebook-mapping-the-worlds-friendships/). This project tracks the friendships of a people in a country with people from other countries. What I like about this work is how much clear and detail information is presented. I also like how the abstraction of the data and the lack of precision with numbers makes it even more clear. However, the labeling and description of the piece makes it a little difficult to understand the concept. This next project I think does a much better job with clarity. The “Eyeo 2014 Poster” by Pitch Interactive tracks the data collected from Eyeo participants (http://pitchinteractive.com/work/eyeo2014poster.html). It tracks where in the world the participants “had their first kiss?” or “where they were on 9/11?”. This poster also is interactive, because it “tells a new story” with each rotation.
For my project inspiration, I found a widely-popular phone app developed by Hit-Point Co., Ltd three years ago (2014), which is named “Neko Atsume”, meaning literally cat garden in Japanese. In this kitten-collecting simulation game, you could buy different types of toys to place in your backyard, and it would attract random cats showing up at your house and play with your collection of toys, and then as gratitude they would leave you collection momentos, or silver/gold fish as a “currency” in this game. I think one of the critiques I have for the app is that it has a rather slow-paced, low-commitment kind of game to play, but I think it creates a sense of calmness and happiness that corresponds with the game developer’s initial idea. I think this model could be helpful to incorporate within my final project; the layout and illustration is quite simple yet effective, as many users become fans for these cuteness-overload cats.
An expanded (3-screen) view of the backyard!
Another source of inspiration is also a mobile-platform game called Inks, developed by State of Play starting in 2008. It is a creative application that intermixes the art of splash painting with the classic pinball machine. I think the graphics are especially aesthetically beautiful in terms of the colors and motions, and I’d hope to somehow reference this method into my interactive mini-game. The only concern / improvement I can think of is the repetitiveness may not seem too appealing for the wider audience, but I personally have enjoyed this game a lot, both functionally and aesthetically.
[Caption: Three different stages of the pinball game. The idea is that you need to splatter all the shapes (point the balls to all possible directions) to pass through the level. ]
For my final project I want to take one of my past studio projects and make an interactive, axonometric diagram. I wanted to add environmental analysis diagrams as well that would take the informative aspect of the diagrams a step further.
Monument Valley is a mobile game that was created by digital design studio Ustwo. The puzzle game is an exploration through fantastical architecture and “impossible” geometry. Besides it overly-stunning visuals, it is praised for its use of optical illusions to create a stimulating gaming experience. It was created using Unity. I feel that it is a good reference and organizational method for how I would like users to navigate through my studio project.
The PLUS1 Poly-nuclear Program is an interactive APP created by Sub-Labs for the 10th Shanghai Biennale mobile unit. The app is used to transform photos into 3D scenes using algorithms. These scenes that are created become interactive fantasy worlds. Users can create an infinite number of these worlds. The app collects data such as time, weather, and location to further transform these worlds. I want to apply the same process they applied for creating the 3D scenes to recreate my environmental analysis diagrams.
My proposal for my final project would be a map that tracks where my siblings, parents and I have visited, all over the world. I would have a world map that’s has different colored dots(at least 3 colors), correlating to which family member it is, with lines connecting to where we each individually lived(home) at the time. I love tracking data especially when it has to do with maps/geography. I definitely want to add an element of interaction, not quite sure what yet. Perhaps when a certain button or the mouse is pressed, it will highlight one of the subject’s path. Overall, the point of this project would be data display that tracks where the members of my family have been/visited.
For my final project, I am interested in creating something generative, and perhaps includes some elements of user interaction. With that in mind I looked at the work “Black or White or More or Less” by Lia, and the project “Messa Di Voce” by Zachary Lieberman, and others. The first project I looked at, is one in which cascades of sliding line segments alternately hide and reveal black and white surfaces, opening and closing apertures into spaces that expand through and behind the virtual canvas in a mesmerizing, infinitely varying interplay of dark and light. Lia’s project is generative in nature but allows for the immersion of the user into the space beyond the canvas. Lieberman’s project is very much interactive because it requires the sound generated by the user; transforming every vocal nuance into a subtly differentiated highly expressive graphic. The audiovisual performance is one that creates a cycle of interaction that fully integrates the performers into an ambiance consisting of sound, virtual objects, and real-time processing.
I admire both projects for the way they created an immersive environment, but in two completely different ways. While Lieberman’s project takes a more direct approach by utilizing the user, Lia’s work indirectly accomplishes this by allowing the viewer to get lost in the work due to the shifting spatial perception caused by the play between dark and light.