Saturday, 8 October 2011
Final Sound-Shape
In my application users are the weather. It starts off as a beautiful sunny day with a bright blue sky. You can then place clouds in the sky by clicking at the top of the screen. As you keep clicking the weather will get progressively worse allowing users to worsen the weather as fast or slow as they like. After a while it will start to rain, thunder will sound when clicked in the sky and the wind will pick up. The rain comes from the mouse allowing users to interact with the rain, making patterns in the sky. When the weather gets to it's worst a tornado will appear, changing in size depending on where the mouse is. Throughout the whole application there is a cow standing in the grass. This cow is rather tolerant of the weather and it's not until the user clicks once more after the tornado that it gets blown away with a loud "moo". If the user wants to make the weather better they can right click at any time throughout the application.
Development
First attempt at storm:
http://www.openprocessing.org/visuals/?visualID=41457
This was my first attempt at putting all the initial experiments together. I quite like the sequence it has created. You click at the top of the screen to place clouds. These clouds get progressively darker until it starts to rain. If you keep clicking thunder will sound when clicked in the sky and the wind will increase. Then lastly a tornado will appear.
Development 1:
I really like the sequence of the previous application but when you reach the tornado I don't want the interaction to just end because users will get bored after they've done it once. So I thought it might be nice if the user can move back and forward with the weather. Once they get to the tornado they can keep right clicking and the weather will progressively get better.
I had a lot of problems with getting this to work. It went nicely back through the application until it got to the very start where it kept coming up with the error that the array was out of bounds. This is why I can't upload these trials to open processing. But while I was trying to get this to work I improved some other aspects of my application.
I thought the white background was too plain and needed to look more like the sky, therefore I made it blue. This looked better but the clouds get progressively darker, so it didn't look right that the blue sky stayed blue. Therefore I also made the sky get progressively darker the worse the storm gets.
The blue sky definitely made the application look more real but without any ground it still didn't look right. I tried creating the ground in processing but this just looked too fake, so I added in a photo I took.
I also don't like how the thunder clip is too long as it only plays every 10 or so seconds. I don't want the thunder to play every click like I had previously as you're clicking too often but I made the thunder sound shorter.
Development 2:
I finally figured out how to make the application able to go backwards by right clicking without crashing at the end. In this application you'll see the ground and blue sky makes the application look a lot more real and I tried out a few new sounds for the rain and wind. I like the new wind sound as it's more pleasant to listen to than the previous one, but the rain sound doesn't match the rain visuals.
Development 3:
In the previous applications I only have the wind blowing one way, to the right. To make the interaction more interesting I want to have it so that the wind can change direction. I initially thought about adding in mouseDragged to make the wind change direction. But users probably wouldn't be able to figure out easily that you can use this interaction. Therefore I wanted the position of the mouse to change the wind direction. When the mouse is in the centre of the screen, there will be no wind. When it's over to the left, the wind will blow to the right and when to the right, it will blow left. I think this makes my application a lot more interesting to interact with.
Development 4:
I definitely think having the wind change direction, because of the position of the mouse, works well. But the way the sound changes from loud to nothing is too abrupt. Therefore I won't have the wind stop when the mouse is in the centre of the screen. I will just have it change direction depending on the side the mouse is on.
In my original concept I wanted to have a person that became unhappier as the storm got worse. Instead in this application I thought it would be interesting to add in a cow. The cow will stand there until the tornado starts, where it will be blown off the screen making a "moo" sound.
I really like how this application has developed and am happy with this result therefore this will be my final interaction.
I couldn't seem to upload any of my applications to Open Processing other than the first one.
http://www.openprocessing.org/visuals/?visualID=41457
This was my first attempt at putting all the initial experiments together. I quite like the sequence it has created. You click at the top of the screen to place clouds. These clouds get progressively darker until it starts to rain. If you keep clicking thunder will sound when clicked in the sky and the wind will increase. Then lastly a tornado will appear.
Development 1:
I really like the sequence of the previous application but when you reach the tornado I don't want the interaction to just end because users will get bored after they've done it once. So I thought it might be nice if the user can move back and forward with the weather. Once they get to the tornado they can keep right clicking and the weather will progressively get better.
I had a lot of problems with getting this to work. It went nicely back through the application until it got to the very start where it kept coming up with the error that the array was out of bounds. This is why I can't upload these trials to open processing. But while I was trying to get this to work I improved some other aspects of my application.
I thought the white background was too plain and needed to look more like the sky, therefore I made it blue. This looked better but the clouds get progressively darker, so it didn't look right that the blue sky stayed blue. Therefore I also made the sky get progressively darker the worse the storm gets.
The blue sky definitely made the application look more real but without any ground it still didn't look right. I tried creating the ground in processing but this just looked too fake, so I added in a photo I took.
 |
| Original white background |
 |
| Blue sky when the weather's at its best. |
 |
| Grey sky when the weathers at it's worse. |
I also don't like how the thunder clip is too long as it only plays every 10 or so seconds. I don't want the thunder to play every click like I had previously as you're clicking too often but I made the thunder sound shorter.
Development 2:
I finally figured out how to make the application able to go backwards by right clicking without crashing at the end. In this application you'll see the ground and blue sky makes the application look a lot more real and I tried out a few new sounds for the rain and wind. I like the new wind sound as it's more pleasant to listen to than the previous one, but the rain sound doesn't match the rain visuals.
Development 3:
In the previous applications I only have the wind blowing one way, to the right. To make the interaction more interesting I want to have it so that the wind can change direction. I initially thought about adding in mouseDragged to make the wind change direction. But users probably wouldn't be able to figure out easily that you can use this interaction. Therefore I wanted the position of the mouse to change the wind direction. When the mouse is in the centre of the screen, there will be no wind. When it's over to the left, the wind will blow to the right and when to the right, it will blow left. I think this makes my application a lot more interesting to interact with.
Development 4:
I definitely think having the wind change direction, because of the position of the mouse, works well. But the way the sound changes from loud to nothing is too abrupt. Therefore I won't have the wind stop when the mouse is in the centre of the screen. I will just have it change direction depending on the side the mouse is on.
In my original concept I wanted to have a person that became unhappier as the storm got worse. Instead in this application I thought it would be interesting to add in a cow. The cow will stand there until the tornado starts, where it will be blown off the screen making a "moo" sound.
 |
| Start of application. |
 |
| When the cow gets blown away. |
I really like how this application has developed and am happy with this result therefore this will be my final interaction.
I couldn't seem to upload any of my applications to Open Processing other than the first one.
Sunday, 2 October 2011
Initial experiments
Thunder:
http://www.openprocessing.org/visuals/?visualID=40212
In the experiment I wanted to the user to be able to create clouds and thunder. You click up the top of the screen to place clouds. The clouds will get darker the more you place them. When they reach a certain darkness thunder will occur when you place a cloud.
Rain:
http://www.openprocessing.org/visuals/?visualID=40218
In this application I was experimenting with rain. I want the rain to follow the mouse but if you stop moving the mouse the rain will stop.
Tornado:
http://www.openprocessing.org/visuals/?visualID=40281
Here I created a tornado, which increases and decreases in size depending on the height of the mouse. At the moment I've just got the tornado sound playing when you click but I want the sound to get louder and quieter depending on the size of the tornado.
Rain and wind:
http://www.openprocessing.org/visuals/?visualID=41450
In this application I increased the velocity of the particles as you click. I want it so that you can make it rain but as you keep clicking the wind will pick up and the wind sound will increase. I think this will be a nice progression into the tornado.
Rain with help from Daniel Shiffman's Simple Particle System:
http://processing.org/learning/topics/simpleparticlesystem.html
http://www.openprocessing.org/visuals/?visualID=40212
In the experiment I wanted to the user to be able to create clouds and thunder. You click up the top of the screen to place clouds. The clouds will get darker the more you place them. When they reach a certain darkness thunder will occur when you place a cloud.
Rain:
http://www.openprocessing.org/visuals/?visualID=40218
In this application I was experimenting with rain. I want the rain to follow the mouse but if you stop moving the mouse the rain will stop.
Tornado:
http://www.openprocessing.org/visuals/?visualID=40281
Here I created a tornado, which increases and decreases in size depending on the height of the mouse. At the moment I've just got the tornado sound playing when you click but I want the sound to get louder and quieter depending on the size of the tornado.
Rain and wind:
http://www.openprocessing.org/visuals/?visualID=41450
In this application I increased the velocity of the particles as you click. I want it so that you can make it rain but as you keep clicking the wind will pick up and the wind sound will increase. I think this will be a nice progression into the tornado.
Rain with help from Daniel Shiffman's Simple Particle System:
http://processing.org/learning/topics/simpleparticlesystem.html
Sunday, 25 September 2011
Concepts
I used the memory match game as an inspiration for this concept. I thought about having the application as an actual game where you flip cards over by clicking on them, to reveal a sound. Each sound would have a pair and you'd have to find all the matchs to complete the game. But I think having an end to the game would lose the users attention and I want to make the game more unique. Therefore I thought about still having the cards that you flip by clicking on them. But instead they flip and move around depending on how fast and how much you click the card. When the card has flipped it will still play a sound and reveal a visual but when you "disturb" the card enough it will knock into it's surrounding cards, setting them off and making them flip too. When you knock the cards hard enought they will shatter.
Concept 2:
For this concept I wanted to use a natural thing, weather. I want users to be able to create their own weather by the position, speed and force they click and drag the mouse. The more extreme the movements and clicking of the mouse the more extreme the weather. The weather I want users to be able to create is rain, thunder, lightning and tornados. Good weather will occur when the user leaves the application alone. I also thought about adding a figure to the bottom of the application to make it like the user is the weather and is trying to get the person at the bottom.
Concept 3:
In this concept I wanted to have a sequence. I decided to use instruments as the visuals and sounds. I also wanted the sequence to have a clear path, which is why I joined them by the guitar strings. Users will be able to interact with whatever part of the application they want, to create a different sequence every time. I will use simple shapes that relate to the sounds of the instruments.
Precedents
Memory Game
http://www.funbrain.com/cgi-bin/fm.cgi
The memory game is a fun, interactive game that you can play with any cards. You play by memorising where cards are and taking turns to flip over two cards to get a match. I thought the memory and matching aspects of this game could be interesting to use in my interaction. I would have to think of a way to add sound into it though.
Sound Waterfall
http://www.openprocessing.org/visuals/?visualID=27992
I got a lot of inspiration from this application I found on Open Processing. I really liked how they chose a natural thing (a waterfall) and made it into an application using sound and colour the way they did. It is a really exciting application to interact with. I want to try and incorporate something from nature in my design of my application. An aspect of nature I think could be interesting to work with is weather, so below I looked at some photography of weather.
Sound dots
http://www.openprocessing.org/visuals/?visualID=25796
This application is simple but effective. I really like how it has a sequence and how it continues playing round in a circle while you interact with the circles to change the sound. I also like it how the visuals are simple but relate to the sound they're making. I wanted to use this as inspiration for a design that has a continuing sequence where you interact with it to change the sound. I will make the visuals and sound more complicated though.
http://www.funbrain.com/cgi-bin/fm.cgi
The memory game is a fun, interactive game that you can play with any cards. You play by memorising where cards are and taking turns to flip over two cards to get a match. I thought the memory and matching aspects of this game could be interesting to use in my interaction. I would have to think of a way to add sound into it though.
Sound Waterfall
http://www.openprocessing.org/visuals/?visualID=27992
I got a lot of inspiration from this application I found on Open Processing. I really liked how they chose a natural thing (a waterfall) and made it into an application using sound and colour the way they did. It is a really exciting application to interact with. I want to try and incorporate something from nature in my design of my application. An aspect of nature I think could be interesting to work with is weather, so below I looked at some photography of weather.
 |
Sound dots
http://www.openprocessing.org/visuals/?visualID=25796
This application is simple but effective. I really like how it has a sequence and how it continues playing round in a circle while you interact with the circles to change the sound. I also like it how the visuals are simple but relate to the sound they're making. I wanted to use this as inspiration for a design that has a continuing sequence where you interact with it to change the sound. I will make the visuals and sound more complicated though.
Wednesday, 14 September 2011
Subscribe to:
Posts (Atom)