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.
No comments:
Post a Comment