Tag Archives: public interactive

Project #1 :: Proposal Update :: Your Pick

screenshot_post#2 After the critique, we decided to display one juxtaposition each day over the week. We will start with pancakes or waffles on Tuesday, March 8, and then Mac or Windows, money or happiness, and Republicans or Democrats. We wanted the comparisons to get more serious each day our project went on. So we started out with something simple like pancakes or waffles and moved to things that are a little more meaningful like money or happiness. sketch2_post#2 We decided not to show the results of the polls because we felt it wouldn’t help foster trivial conversation between people. Results only show the audience if they were with the majority or not, which perhaps could be interpreted as right or wrong. This is not our desired effect so we decided to eliminate this feature. The visual aspect of the piece will be in a minimalistic style, without text, as shown in the picture. This would makes it easy for the audience to understand and is also a style we both enjoy. By Yuci and Kadie

Project #2 :: Post-Mortem :: Ohio, Ohio.

Screen Shot 2015-12-14 at 8.23.59 PM For Project #2, I chose to make a solar system of sorts with the cities/neighborhoods where I live.  This project probably had the most evolution from day one until the final product.  Originally, I wanted to do something that had to do with where I’m from, but I had little to know idea what I wanted it to be.  During a conference, Angela mentioned something about a solar system…so we decided on that.  Then, I was brainstorming ways I could work the names into the solar system, and remembered that I had really liked the way Garret was able to draw the fish by hand and put it into his conference project. I really like playing around with hand lettering, so I thought that it would be fun to do my hand lettering and insert it into my code. I worked to sketch out all the names, then I edited them in photoshop which ended up being the most tedious task on earth. IMG_0556IMG_0563

Screen Shot 2015-12-14 at 7.02.19 PM

    I wrote my code in bits.  First, I got the background that I wanted (made in photoshop), and then I worked on getting shapes such as ellipses or rectangles to rotate on a circular path around the center of the screen.  Then I wanted to add rotation to each of the individual shapes.  In order to do so, it was necessary to use the pushMatrix and popMatrix. Once I had that code down, I went to work in photoshop to perfect my ‘planets.’  Afterwards, I went and added image variables and changed the shapes in my code to the images. shortnorth grandview germanvillage Next, I had to work on adding interactivity.  This was the hardest part.  First the issue was that the only way you could see the object (rocket) moving across the screen was if you pressed and HELD the spacebar.  But I wanted it to just be pressed and done.  I had a lot of trouble figuring this out and it kept saying ‘error on ‘void mouseClicked’’ for some reason. Screen Shot 2015-12-14 at 6.55.52 PM I really enjoyed making the project because I was able to combine my interest of hand lettering with my code.  I think that this creates a magic circle because it draws people around to form a community of interactions with the code.   What went right:  the way that I created this project was really helpful.  To figure the code out first, and then insert the images really worked for me.  Also, it turned out how I expected. What went wrong:  It took me a long time to figure out the interactivity aspect of it.

Project #2 :: Post-Mortem :: Draw Your Moves

Screen Shot 2015-12-14 at 6.57.43 PM    Screen Shot 2015-12-14 at 6.56.17 PM My second project is basically digital finger painting, so I decided to title it “Finger Painting.” Using motion code, you can move your hand in front of the camera. By clicking with the mouse you can change colors and by clicking a key you can clear the screen to start over. The lines on the side also change color so it’s more clear what color you’re using and they add some extra fun and color to the project. When you move you draw with two circles. One smaller circle sits inside the bigger one. They are set to random transparency to make the drawing look a little more interesting. My inspiration came from one of our in class assignments with motion track code. My project evolved from the class assignment, I changed a lot but some ideas stayed the same. I kept the same background color the same and the idea of the two circles.   Screen Shot 2015-12-11 at 7.32.29 PM     Screen Shot 2015-12-11 at 7.32.51 PM I think this project will create a magic circle because other people will want to gather around and see what someone paints. I also think people may want to try multiple movements and ee how they work together. I used a lot of coding skills that I learned from my conference project. I used the random number code to pick whether the paint color would be in the red, green or blue family. I also used a lot of variables again to inspire more creativity. Screen Shot 2015-12-14 at 6.53.04 PM Overall, I am very happy with this project. I have a lot of fun using it and I hope other people will too. Kadie Roberts

Conference Project :: Post-Mortem :: Find Your Mood

Screen Shot 2015-12-02 at 9.09.30 PM Screen Shot 2015-12-02 at 9.08.40 PMScreenshot of just the background, no emotion displayed.  My final project is a mood guesser, entitled Find Your Mood. When you click on the screen it will guess your mood by asking if you feel a certain way. It will also display a color that’s usually associated with the mood and a font that has a similar feeling to the mood. There are ten different moods programed into the interactive. For the background I used a sparkle picture that I found and edited in photoshop. It also has green and purple blobs floating around, which I created in photoshop. I wanted this to be similar to a lava lamp. The circle in the center also slowly fluctuates between blue and purple. I did these things to the background to give a sort of magical feeling to the project.  FullSizeRender-1 FullSizeRenderScreenshot with an emotion displayed. My inspiration for this project was pretty random, it just kind of popped into my head. I really enjoy playing with mood rings and seeing what it thinks my mood is, so that’s why I thought this project would be fun. I also wanted something that was playful and that excitement came from visiting the Sony Museum. Since the interactions that I liked the most there were simple and playful. This will create a magic circle because people want to share their experience and what the program guesses as their mood. Usually because it’s super accurate or way off. If something is funny or surprising people usually look for someone to share that moment with and I think that will draw people in and make groups of people try it and watch together. In Homo Ludens by Huizinga it’s said that magic circles are, “all are temporary worlds within the ordinary world, dedicated to the performance of an act apart.” I wanted to create this magical and mysterious other world that exists for maybe, just a minute, in someone’s ordinary world.   The code for my project was difficult at first but I eventually got the hang of it. I didn’t really understand the concept of variables but now I use them for everything! They’re so useful. I also found that by use variables I was more likely to experiment and be creative. Without variables it was such a hassle to go through and change every individual thing so I wouldn’t mess around as much. After just using variables for everything I found it so much easier to get exactly what I wanted from the code. Screen Shot 2015-12-02 at 9.33.18 PM  Screen Shot 2015-12-02 at 9.33.41 PMScreenshot of some of the code and variables being used.  I’m very happy with my project, it is pretty much what I had envisioned. I also feel that I learned a lot of code and really got to understand it. I know that I’ll be able to use what I learned from this project in the future. The main thing that went wrong was that I originally had wanted the whole screen to change and have a scene showing things that made you feel like the emotion it was displaying, like a sunset and dolphins jumping for happy, but that ended up being too complicated.  By Kadie Roberts

Interactive City :: Conference Project Post-Mortem :: Rise and Fall

code while running

code while running

My final conference code for this class is a shadow-wall.  I created an interaction with the use of the webcam and the use of shadows.  The way it works is that leaves fall from the top of the screen, and the user can interact with them by moving around.  The shadow that is created by their movement is what controls the way the leaves fall.  This is a electronic version of a typical way people play in leaves during the fall. I developed this project through observation of a few things.  I was inspired by the season, fall, when I started thinking of conference ideas.  I noticed how excited people of all ages were about the change of the season.  I was walking to the library and was keenly aware of how the children at the ECC were playing with the fallen leaves.  These observations of human behavior combined with our trip to the SONY museum inspired my project. When we went to the SONY museum, I was drawn the the final interactive, the shadow wall.  I really enjoyed interacting with this work because my actions had a clear and direct affect on the beads falling from the top of the screen.  I also noticed how accessible this interaction was with people of all ages.  It seemed to keep a child’s attention span as well as captivating the adults in the room. Originally, I had wanted to add more of a societal awareness aspect to my project but after rough sketches and brainstorming, I decided that it was going to take away from the intent of the interaction.  I had wanted to have a cityscape gradually appear, minimizing the ability to interact with the falling leaves to show the way that the growing city can take away free play.  In doing so, I realized that it would take away a sort of innocence that I had liked about the interaction at SONY. Once I had figured out what I wanted my conference project to be, I got to work.  The code that I am using is an array.  An array is a way to sort and recall information in an organized manner.  Along with this, I opened another class in my code that was being reference continually by processing in order to run the code.  I also had to work with motion code to get the leaves to fall down the screen.  I had trouble getting rotation code into my project, because I was adding rotation after I had written the whole code and for some reason it was not making the individual leaves rotate the way I envisioned.  Once I could not get the rotation the way I wanted, I worked to find a color palette and instead alter the color of the leaves to match the color palette.  I found a palette generator on the internet that I used to find my palette.  


different classes

different classes

color palette

color palette

changing the color of my leaves

changing the color of my leaves

changing the color of my leaves

changing the color of my leaves

Regarding Martijn deWaal’s ideology, this shadow wall falls into the playground and magic circle school of thought.  My interaction is accessible to a large demographic, it is a voluntary activity and is not rational; it’s just there to play and interact with. Successful:
  • Created a shadow wall
  • Was able to have the leaves falling down
  • Used photoshop to alter the colors of the leaves to fit into a color palette.
  • Adding rotation
  • Sensitivity of camera
  • Unless all the leaves were at exact same level, they won’t restart to top of screen and code will stop running
issue with code

issue with code

Overall, I enjoyed working on this project and learned what I enjoy as an artist.  I think that this particular project was challenging for me because it forced me to work in a medium that was not necessarily my first choice.  I do not feel as successful with coding as I would like, and I struggle to continue working in mediums that challenge me.  But I stuck with this and I am hoping to modify my shadow wall further to better my work.

Project #2 Update :: Draw Your Moves

Screen Shot 2015-11-16 at 8.05.23 PM   Screen Shot 2015-11-16 at 8.00.21 PM I decided to change my project to a digital interaction instead of an analog one, since my project #1 was an analog interaction. So my idea for project #2 is to use motion code to move colored shapes following the user’s movement but not clear the background, so it’s kind of like they’re drawing with their movements. I think this would be fun because it’s seeing your movements displayed and creating art. It’s kind of like the colored circles on the floor at the Sony museum, you and your movement was represented but you didn’t actually see yourself. This way I think it distances the user a little bit so they can feel free to have fun and enjoy the interaction. I think this creates magic circle because multiple people can contribute at a time. People can interact together and others can watch or add to it. The audience can observe what happens when someone else tries it and then maybe try it themselves. The photos are a rough prototype, I think I will change the colors, shapes and sizes to make it more appealing. I also want to make it more clear when you move a certain way there’s a specific outcome.  Kadie Roberts

Project Proposal #2 Progress: Ohio, Ohio.

thumb My interactive ‘Ohio, Ohio’ has proved to be quite difficult to conceptualize.  I received feedback that it was not an interesting enough interaction, which is very true.  I have been looking at different typefaces to add visual difference to the interaction. I think that I am going to create an interactive where you can press on the word ‘Bexley’ and it will change into a font that is representative of the culture of the neighborhood. Screen Shot 2015-11-16 at 7.30.24 PM Instead of creating an array, I am going to just place the text at various locations, and then code for the interaction pieces of it. fonts,typography-c85bd9b78e6d2c6e1876f95e99395a50_h Because the different parts of Columbus are so culturally different, I am hoping to be able to find fonts that exemplify that.  I am going to be working in photoshop to create these font images.

Project #2 Proposal :: Take What You Need

IMG_5053 IMG_5055 For project #2 I wanted to create something that could give people boost of happiness or confidence even if it was just for a minute. I wanted to be able to give the user whatever they needed at that moment. So I will create a bowl of cards that have positive emotions and inspirational words on them. There will also be a sign saying “take what you need.” I have seen signs like this before hung up around some towns, but one thing I think they are lacking is the ability to contribute back and inspire people to pass it on. I want them to feel like they could contribute to the installation because giving to others has been shown to also boost happiness. With my project they can contribute to others in more way than one.  The first way they can contribute is by writing their own card. Next to the “take what you need” sign will be some empty cards and a pen so that they can write their own card for someone else to take. There will be a sign saying “leave something for others.”  The second way they can give is by passing along their card. There won’t be a sign indicating they can do this, but hopefully the user will be in a good mood and feel like giving this to someone else. I think this project creates a magic circle because people can stand and look at all the cards, they can take and write their own with a group. Also by passing on the cards people are creating a connection. The card could also start up a conversation within a group and people may stand and talk, write or just look. By Kadie Roberts  

Project #2 Proposal: Ohio, Ohio.

Rough sketch of end result.

Rough sketch of end result.

For project two, I have decided to create an interactive that is on the computer.  The inspiration for this project came from working on my conference project regarding arrays, and these greeting cards I really like.  The greeting cards list the names of the towns/neighborhoods in central Ohio in the place that they are.  It is sort of a text map of central Ohio. So, for the project, I am going to create an array that lists all the neighborhoods, and then when interacted with, (mousePressed) the neighborhoods will arrange in the order where they occur.  This project allows the user to interact with the city in a sense, and see it a different way.
Map of central, Ohio.

Map of central, Ohio.

  • Bexley
  • Grandview Heights
  • Upper Arlington
  • Worthington
  • Clintonville
  • Ohio State University
  • Short North
  • German Village
  • Downtown
This interactive piece reflects de Waal’s ideology of ‘urban flaneurs.’  People are encouraged to be curious and interact.  Many responses I have received to ‘I’m from Ohio’ have been met with a lot of confusion as to what Ohio is.  This piece will give an interesting play on the communities within central Ohio, showing that it is more than just ‘farms.’
Sample Array.

Sample Array.


Conference Project Update: Rise and Fall

Screen Shot 2015-11-05 at 10.05.53 PM I have been working on my project, and I created an Array for my conference project, in order to store all the information of the leaves.  An Array allows for a lot of data to be stored and retrieved in a more organized way. Screen Shot 2015-11-05 at 9.57.58 PM I am currently working to edit the photos of leaves that will be in the array.  The leaves are going to fall down at random speeds throughout the screen.  Next week I will have gotten my array finished and leaves sorted out, so that I will be able to learn and apply the shadow screen to my work. Screen Shot 2015-11-05 at 9.57.32 PM

Conference Project :: Update :: Find Your Mood

Screen Shot 2015-11-02 at 8.43.08 PM Screen Shot 2015-11-02 at 8.32.01 PM I started working on the home screen of my digital mood ring. I added a sparkle background to give a magical feel and lava lamp like blobs moving up and down the screen. I made the blobs in photoshop and they are slightly transparent. I need to refine my movement code because I’m not totally happy with how it is working. I also might try making the blobs a little softer, so they don’t contrast with the background as much.  I still have a lot of experimenting to do, but I like it so far. I’m excited to start working on all the different emotion output screens and see the whole thing come together. It’s really rewarding to see the code act like you want it to and display what’s in your head. I can’t wait to install the project and see how people react to it.  Kadie Roberts

Project #1: Click,Click, and There Were None.

By: Yun Mi Koh Screenshot (35) For this project, I decided to create a digital interactive display to get a sense of how people react to on-screen interactive display. I installed my project on library where many people were passing by. The project was inspired from article about nature and harming of it through resource gathering. The article talks about how as humans “explore” nature, the ecosystem is broken and bit by bit, ending in complete destruction. I wanted to give symbolic simulation in destruction of nature through human interference. The project is composed of three major coding designs from processing: spiral, mouse-click, and color gradation. I used my laptop and mouse with the code in full screen. The code is re-development of the spiral coding the class did two week ago. Since the design was about flower, I thought I could develop it to the idea and message I wanted to convey. The display starts with dots spinning into trail of spiral, looking like patch of flowers. Then interactor would click and realize that the background color changes as different areas of the screen are clicked. As the interator click, the spirals would disperse on screen and more clicking results in the dots and spirals disappearing. By the time the interactor finds all the colors, they realize that there are no more animation of spirals and dots. The background colors are chosen form color of nature: woods, sea, coals, etc… and more one finds variety of background colors aka the nature and its resources, the living part of the environment, the spirals and the dots, disappear. IMG_0435 IMG_0434 Screenshot (42) After putting the display up, I asked some people to interact with the design just to get it started and afterward, many approached without me having to ask. I left the display up and observed for about 1.5 hours. Pro in result of interaction: May people enjoyed it and took interest in the display. I asked random people about what the meaning might be behind the display and surprisingly, many got near or did get what I was trying to convey. I also noticed that many were talking about the display, sharing ideas, etc… Con in result of interaction: Some people were shy about it or did not really know what to do. Some were hogging the computer or tried to go on different parts of the computer by exiting the display.  Also, many just stood and watched rather than actually interacting with the display. The project and magic circle: The project created a magic circle by creating sense of social entertainment where people were fathering to interact, talk about it, and try to figure out the interaction together. It also creates magic circle by giving a universal statement and the understanding of what the display is about, which implements identical ideology to the interactors, creating a connection through message.

Project #1: Baby We’re the New Romantics…

the best people in life are free

“…the best people in life are free.”

First of all, many thanks to Taylor Swift’s amazing lyric in the song New Romantics. I love her. This project is a public interactive text installation. The text will be projected on the wall of a hallway or any places that people might walk by, presumably in Heimbold. As people walk by, the word “free” would appear with a floral filling and neon tint. When they pass the installation, the word “free” will disappear again, unless someone constantly makes movement in front of the installation or someone else passes by.
(Possible installation cites for this project)

Possible installation cites for this project.

I expect people to notice the importance of “free” in this sentence, since it opens to multiple interpretations. I also expect them to be curious when they see the dormant state of the installation: a unfinished sentence. They might try and fill in the blanks in their mind (or they just know this song). As they walk by, they would know the answer, which changes color to attract their attention. What they think after the word shows up is what this artwork left them with. The behind-the-scene code for this installation is the webcam motion detector. I set up a threshold to determine whether something is moving in front the webcam. The motion detector also determines the word’s neon tint by using the average of movement as a parameter for the tint color. I was inspired by many of Jenny Holzer’s works, which all have simple typography designs but are really powerful. Besides, her uses of projection in installations make me feel the contrast between light and dark as well as the distortable nature of projection on objects. Her quotes are concise but powerful, which I think might have larger impact on audiences under the way she installs the quotes.
(How would people react to this installation?)

How would people react to this installation?

In my opinion, this project represents de Wall’s ideology of urban flaneurs. My project is hugely different from promotional materials that always appear on the walls of Heimbold. I try to address to the importance of serendipity and curiosity in a city in correspondence to the concept’s criticism of commercial applications of urban media, so that flaneurs (solitary and thoughtful strollers) can experience wonder, surprise, confusion, or dislocation (de Waal 9-10). I would be grateful if someone could stop to think about the best people they met in their lives, or whether they are free themselves. …And I would be more than grateful if someone knows where this line comes from.

Project #1: Gratitude

IMG_1753 For this project, Kadie and I really wanted to create a analog interaction.  We were inspired by the analog creation of ‘Before I die’ as well as a study done on happiness.  In the study, the participants were told to write a letter thanking someone who they were grateful for.  The participants all wrote wonderful letters.  Then, to their surprised, they were told to call the person the letter was written about, and read them the letter.  Most of the participants were nervous and felt awkward about calling to tell someone how grateful they were of them.  After the phone calls were made, participants were tested to see how much their ‘overall happiness’ had improved since they first took the test.  Most participants were happier because of it. So for our project, we wanted to make a sign that says ‘I am grateful for’ and then have sticky notes and markers, so that people can write a note and stick it under the ‘I am grateful for’ sign.  Once the exhibition is over, we want to collect all of the notes and make them into a sort of scrapbook for people to look at. Hopefully, we will be able to install in in Heimbold soon.  Together, we will construct the ‘I am grateful for’ sign out of paint on poster board. Then, we will hang the poster board on a wall, and have plenty of sticky notes and writing utensils available. If all goes as plan, people will see the installation and want to add their own piece to it.  We’re going to write a few of our own sticky notes so people have an example of how it works. We are concerned that people will make a joke of the installation, or that it will not get utilized at all.  Because it is not as permanent as the ‘Before I die’ exhibit we are afraid it will not be taken as seriously.  In the long run we would love to install a more permanent version, such as ‘Before I die.’ This creates a magic circle because the user is contributing their ideas and feelings to a greater whole and by reading the previously posted notes and writing their own they are interacting with our project.  This installation creates a smaller community within the Sarah Lawrence community.  Because it is a temporary art exhibit, it creates a space with no stakes.  Participants know that no harm can come from participating.  It allows participates anonymity if they wish, but it also allows people to feel connect to others.  They have a space to play and share their thoughts in a judgment free environment.  Because of the type of interactive it is, it connects to the ethos and pathos of human nature.  Most people want to be a part of something bigger, so they are willing to participate.  Although it is easier to just walk past, participants make the decision that the extra minute is worth it in this case.  The implicit rules of the interaction is that people will contribute and observe in a positive manner, ergo the ‘magic circle.’  We think that this project represents deWalls city ideology of “A Community of Strangers” because it creates a board of familiar strangers. Even though some of the people who wrote sticky notes never saw each other, they can still see what they are thankful for. Anyone passing by can see this collection of ideas posted by strangers.  It creates a ‘familiar stranger’ model as talked about in deWaal on pages 14-15.  Before I Die installation: http://candychang.com/before-i-die-in-nola/ Gratitude Experiment: https://www.youtube.com/watch?v=oHv6vTKD6lg

Conference Project Proposal: Run Away With Me

      When you are stuck in same place, same cycle every day, you want to travel to new places. How can we travel and see the world, but stay where we are? For my conference project, I want to make an interactive webcam game that brings relief from pressures and stresses in everyday life. The player will be traveling through different world but need to show vigorous movement in order to arrive at the destination.  The player will move in any sort of way, like jumping or waving their arm around and such. The movement will feel like the player is actually going on an exploration to a different country or a bizarre world. The character inside the screen will move forward when the movement occurs, sometimes jumping or ducking.  After certain time, the character will arrive at a random new country, where the player can have a photo zone moment, with sense of accomplishment and surprise. The design of the interactive media will be dynamic and full of action since it is a form of a game. The vibrancy of color and animation will motivate the players to take part of the installation. I could have gone in simple button press of mouse and keyboard but first it lacks interactiveness and I want players to feel like they are the character in the game, which can evoke more emotion to players. I am always curious on how movement and change in visual scenery brings positive emotions to me. I want to explore if vigorous movement and visual changes in location can bring form of positive feeling to people and share excitement of traveling. My interactive display is intended for public because it is an open interaction that anyone to take part of and just enjoy. There are no restriction in movement and it is an open/ friendly interactive tool to all through game like quality. In addition, the interactive displays increase social interaction by creating a conversation factor. The player who played the game can talk about what world or country they ended up, talk about their feeling about the game, and etc… Norman’s seven steps: Forming the goal: The user becomes curious about the game like display and the character waiting to take action. Forming Intention:  The user will move in front of the game to check out the game. Specifying the action: movements cause the player to realize that character to move forward on the map though movement by player. Executing action: The players will slowly start to move, then finds that the character moves faster when there is vigorous movement, exercising more movement. Perceiving the state of the world: the user will find themselves in surprise of arriving at a new country and sense of satisfaction from moving and clearing the game. Interpreting the state of the world: The user realizes that characters arrives at new world and wants to explore more. Evaluating the outcome: The players have relieved the stress and realized that movement and change in scenery is good form of stress reliever. Code: draw(): new interactions with reset function after the game is over,  function for character to track movement of the player and move forward, generate new worlds after each round, the character action in the game in reaction to movement of player. Variables: I will use variable to create a pattern for background that the character will be running in, the resulting image of the world upon finishing of the game, and the x and Y coordinate of the character moving. setup():backgrounds sizes and camera color:  everything on the game will be colored interactivity: the motions of user A relationship between user input and the programmed environment: The user becomes the character in the game and has part of them in the game through motion. Yun Mi Koh    

Conference Project Proposal: Please Disturb

Conference Proposal Abstract: For this interactive, users will have the option to play with three or two types of animals. As of now, I am considering using fish, ants, and penguins. Fish are not social animals that do not respond positively to human interaction. Interacting with fish would create an interaction that is disruptive to the fish. Ants are social creatures, but do not respond positively to outside interaction either. Though ants respond well to other ants, any interference from people would also be disruptive. Penguins on the other hand are both social creatures among their own species and respond positively to human interaction. With the option to interact with these three, or two if I later choose to omit either fish or ants, species I hope to highlight the type of reaction users will have to playing with these other beings. ants conferenec sketch fish conference sketch Norman’s 7 Steps: Forming the goal – A person sees the animal and is curious to see what it does. Forming the intention – They will figure out that the animal responds to certain actions and gain experience as they continue to explore the setting. Specifying the action – The person will realize that specific actions will cause the animal to respond in a certain way. Executing the action – The person will interact with the animal and the animal will respond in a realistic way. Perceiving the state of the world – The person will find that the different species of animals will behave differently. Interpreting the state of the world – The person will realize they can disrupt the animal’s state, or improve it.   Evaluating the outcome – The person recognizes that some animals are more prone to sociable behavior while others are not and will become aware of how common interactions vary depending on the type of being they are interacting with.   Design: I would like to keep the coloring of the design simple and not overly excessive with the amount of coloring thrown at the user. I believe in minimalism and keeping things simple so as to reduce the possible overload of information introduced to the user. In terms of how this project operates, the behavior of the animals will be captured in a continuous movie. Therefore, depending on what the user does, a certain portion of the movie will be played that depicts the animal’s reaction. If I were to use a term made popular by millennials, I would describe the animals as a collection of GIFs. These series of GIFs respond to certain actions the users administer. To precisely capture the actions of the user, it seems best to have the user interact through a mouse rather than motion capture. With the input of action being by mouse, there is more reliability and accuracy. Code: draw() – Will contain the conditionals so that the project is always willing to accept new interaction. setup() – Will lay out the basic settings that are permanent throughout the project, such as the background. Variables – There will be variables for actions, colors, locations, and images. Color – The animals and background will be colored. Interactivity – The user will use a mouse to input certain types of actions. A relationship between user input and the programmed environment – The user will have a call and response relationship with the animal. Garrett Hsuan  

Conference Project Proposal: rise and fall

leaves falling

leaves falling

For my conference project, I’ve chosen to create a shadow wall interactive.  The shadow wall will be interactive in the sense that the users’ shadow can control the way that they leaves fall.  At first, the leaves will fall from the top of the screen and can be moved around, caught, and dropped based on the movement of the shadow of the user.  As time goes on, buildings will start to show up on the screen.  The buildings also control the fall of leaves.  The buildings stop the fall of leaves.  Continually, more buildings arise and as they do, the leaves are unable to fall and the user is unable to interact with them. I’m interested in making this interaction for many reasons.  When we visited the sony museum in the city, I really enjoyed the last interactive, the shadow wall.  I also like the idea of a interactive having a sort of lasting affect…something it leaves the user thinking about.  At first I found this to be one of the challenges of our conference work…It had to be on our laptops, which I felt was going to be limiting to the ability to leave a lasting thought with the users.  If it works how I want it to, it will entice users to play with the leaves, something enjoyable to everyone.  The longer they play, the more buildings will pop up.  Eventually, there will be no more leaves to play with.  The user will see the point I am making; the industrialization and continues building can have the ability to take away some of natures treasures.
city emerges

city emerges

  normans seven steps:
  • forming the goal:  the user is interested in the falling leaves and wants to interact.
  • forming the intention:  the user will interact and the longer they interact the more they experience
  • specify the action:  the user will approach the interactive either because they see others using it, or they are simply interested in it.  As soon as they are within the range of the motion sense, they will see how they can interact with it.
  • execute the action:  the user will play with the interactive; the leaves will fall and eventually there will cease to be any room for the laves to fall.
  • perceiving the state of the world:  the user realizes that the leaves have stopped being able to fall, and that they no longer can interact with the leaves
  • interpret the state of the world:  the user interprets the notion behind the leaves stopping
  • evaluate the outcome:  the user has interacted with the art and walked away thinking about the meaning behind it
design: when I was first thinking about what to do for my conference project, I wanted to do something that had sort of a sociological impact.  I was thinking hard on what I could do because I was restricted to the laptop for my interface.  I then remembered that my favorite exhibit at the sony museum was the interactive shadow wall.  So I decided to do something with that.  And, since it’s fall right now, I thought what better thing to have falling down the screen, than leaves!!  I wanted to add an element of thought to it, so I came up with the idea of having the buildings arise on the shadow wall, taking up space that used to be open for play.
city prevents leaves from falling

city prevents leaves from falling

  • draw(); leaves will consistently and continuously fall from the top of the screen to the bottom.
  • setup(); the background will be a shadow screen and I will have motion sense as well.
  • variables:  I will create variables for the buildings that will be timed.
  • color:  the color of the leaves will be consistent and the leaves will be an image repeatedly falling.  the buildings will be grey with black outlines
  • interactivity:  the user will be able to manipulate the path that the leaves take when falling from top to bottom of screen.
  10.26.15 – update with deWaal ideals in urban media: My conference project falls under ‘The City as an Operating System’ because my installation can “sense individual actions in real time, and can aggregate these into data that can be used actuate all sorts of actions.” (deWall 11)  Specifically, the code can detect the movement (individual actions) and then that data causes changes in leaves, as well as changes in scenery on the shadow screen. update with magic circle  

Conference Project Proposal: Wow!

This is what happens when you WOW the target.

This is what happens when you WOW the target.

It is so boring to use mouses, keyboards or joysticks to play games. How about using you own voice to do so? I want to use my conference project to challenge the traditional ways of playing video games. This game is similar to the very popular arcade came whac-a-mole, but instead, people need to make a significant sound to hit the target promptly and score. This is interesting because not only will it change the way people play the game, but also change how other people interact with the players in public spaces. Player will form the goal of hitting the largest number of targets according to the instructions. Their intention will be making a significant sound, like “wow”, to hit the target as soon as it appears, and their action will be making sounds. They will perceive the state of the world by seeing whether the moles disappear or not after the sound they make. This is how they evaluate the outcome: if the targets disappear, the user succeeds in hitting them back; if not, they will form an intention to make another sound to hit the targets again. The time is limited for each round of the game, and the player’s score will be collected into a chart that will display previous players’ scores from the high to low.

Magic circle: Traditional arcade games VS WOW!

In public spaces, arcade games usually attract attentions a lot because they are easy to play, so that it has a low barrier for entry. This game, however, will change how people watch other people playing arcade games because if the audience make a sound when they watch another person playing, the sound will cause the player to lose scores. In this magic circle, the player will make sounds and the audience will remain silent, which is the total opposite of a traditional arcade game magic circle. The interface will be a field where targets appear; in the corners there will be the score, time remaining, and the times left for player to hit itself by making unnecessary sounds. The code will mainly focus on the interactivity. I will use the setup() function to set up the background, and the draw() function will contain a timer, a random target generator, and a function to determine if the user has hit the target properly or not. A custom function will monitor the volume change of the surroundings with a proper threshold.

Conference Project :: Proposal :: Find Your Mood

IMG_4768.JPG  IMG_4769.JPG What does it do? This interaction is a digital mood ring. The home or start screen will be a darker background with colors moving all over the screen, similar to a lava lamp. I want this to give off a sort of magical feel. Then the user will place their finger on the trackpad, move it around and the program will tell them their mood. Just like a mood ring, a color will appear that is a representation of the mood. For example if the mood was happy, it would display yellow, not a  stagnant yellow color but a liquid moving one with slight changes in the color. It will also display the mood in words. Like “happy” and it will have synonymous floating around describing your feeling. Why am I interested? Whenever I walk into a shop and there’s a mood ring on display, I always want to try it on and see what it thinks my mood is. It’s fun if the ring gets it right and still exciting even if it’s way off. It only takes a minute and is simple to do. It creates a little bit of mystery and exciting fun. I’m always interested in seeing if people or computers can guess things correctly. How will it work in a public space? I hope that the lava lamp like colors will attract people and draw them over. I think because it doesn’t take long to do and is pretty easy, people will go up to it and try it out just for fun. I hope that it creates some new connections between people and they talk about how it guessed it right or so wrong. Maybe they’ll try to see what happens when they both move the trackpad. How does it create a magic circle? My interactive creates a magic circle by having a place (my laptop) where play can exists. The user can interact with the space and find their mood, which is hopefully fun. Finding out their mood should be exciting and they should have fun in the arena I created for them. It also builds a place for people to have exchanges about their moods or the program. Norman’s seven steps: Forming the goal: The user will see the moving colors on the screen. Forming the intention: The user will touch the mousepad and see that the screen changes to display a mood. Specifying the action: The user will realize that when they move their finger on the trackpad it tries to guess their mood. Executing the action: The user will move their finger around the track pad and wait to see their mood. Perceiving the state of the world: The screen will change and the images will move to show that it received the movement and is calculating the mood. Interpreting the state of the world: The screen will display their mood. Evaluating the outcome: They will either agree with the mood outcome or disagree and hopefully enjoy the experience. Design: I wanted the design to be intriguing and mysterious since I feel like mood rings work in a fun, unexplainable way. I was originally going to use the motion tracking code and movement to output a mood but I later decided, with some guidance from Angela, that it would be more realistic if the user actually touched the trackpad, since we are used to interacting with mood rings through touch. I think the design will appeal to most people because it has a low barrier to entry and the colors and movement on the screen are inviting. Code: The size and background will be in the setup function and the code for the trackpad interactivity will be in the draw function. I will use variables for all the different moods and colors. I don’t know how to completely code this interaction yet, but I plan on also using the restart function to take the user back to the first start screen. Kadie Roberts

Conference Project Proposal: Music in Me

FullSizeRender-5 For my conference project, I want to create an interactive piece of art that will immerse the user in an extraordinary musical experience. There will be a song playing on the computer as the lyrics fall from the top of the screen. The words will surround them as they fall, creating a shadow wall. The webcam will portray an image of them surrounded by the falling words. My interactive design will not only allow the user to listen to a song, but it will make them feel immersed in the song as well, creating a much more significant experience. In order to accommodate different tastes in music, there will be options to change the song that is playing, causing the words on the screen to change as well according to the lyrics of the song. This interaction creates a direct interface between the user and the computer. My intention is to create a unique musical experience that will engulf the user. My interaction will unify the community as they become one with the music in a profound way. This interaction creates a network between the user, the screen and the music. I expect this interaction to attract the public because it does not involve a special skill in order to be a part of it. Anybody could interact with the music and the falling words, no matter who they are. All they have to do is approach the screen, listen to the music, and let the falling words surround them. People like interactions that directly involve themselves like this one. This kind of interaction could be placed in any public space that people walk by. It is not only fun to be a part of, but it is also pleasing to the eye and ear. I believe that this playable media will create a magic circle because it builds an invisible circle or community around the people who take part in this musical interaction. Not only does the person surrounded by words become part of the magic circle, but that person is also accompanied by everyone around him/her who can experience “Music in Me” too. They can listen to the music and experience the interface even though they are not the person directly involved with the screen simply by just listening. FullSizeRender-7 Norman’s 7 Stages of Interaction:
  • Forming the goal: The user sees and hears that there is a piece of interactive media that they want to take part on a computer screen.
  • Forming the Intention: The user will see that the point of the interaction is immersing themselves in the song lyrics on the screen.
  • Specify the Action: The user will approach the screen/ camera and figure out how the interface works by walking towards it or watching others interact with it.
  • Execute the Action: The user will pick a song and watch as the words surround them on the screen.
  • Perceive the State of the World: The user notices that after they pick a song, it plays and the key words of the song surround them as they fall from the top of the screen.
  • Interpret the State of the World: The user tries to interpret what has happened by allowing the music to surround them to create a valuable experience.
  • Evaluate the Outcome: The user has become one with the music and participated in a hands on musical experience.
Design: At first, I had decided I wanted to build a simple shadow wall interface. Beads would fall from the ceiling and that was it. However, I realized that that interface had no meaning to it. I then changed it so that instead of beads, words should fall from the top of the screen all conveying a common theme. After, I decided to make an interactive music experience that would change the way music would be experienced. FullSizeRender-6 Code: Draw(): The words will constantly fall from the top of the screen to the bottom of the screen. Setup(): The background will be the webcam. Variables: I will create a variable for each word that I use in the interaction. Color: The color will accommodate the mood of the song. Interactivity: I will make the words avoid the user so that the user is constantly surrounded by words.