more sounds examples

uploaded by Leo M

http://www.openprocessing.org/visuals/?visualID=26387

This one has quite simple noises and the when hovered over a ray the music note and colour changes.

uploaded by Guy Yitzhaki

http://www.openprocessing.org/visuals/?visualID=23260

This one is more of a music visualizer which we have been asked not to do. We are to focus more on sound shapes.

uploaded by Mike Zellers

http://www.openprocessing.org/visuals/?visualID=11949 

This makes random sounds when you click it creates a big ellipse which then makes smaller ellipses with different notes.

http://www.openprocessing.org/visuals/?visualID=5309

This one has a cool visual effect however the sound doesnt really correspond to the look of the sketch

sound examples

This is a cool example I found of a sound interaction. It is really fun to play with and the sound quality and tone is really beautiful.

http://www.stumbleupon.com/su/2GPzRu/sneakytime.com/sound/

NEW PROJECT: SOUND SHAPES

Final Post

Final Sketch.

This is my final sketch for the project ‘Mouse Toy’. I wanted to create an interaction that has a subtle beauty to it in its movement and a fluidity and elegance. The more I added to this sketch the more it took away from what I was trying to achieve and made it overly complicated. I refined it down to what I believe is a relaxing interaction, when the user slowly moves the mouse around the screen the images of fluidity and fading of the lines creates a soothing aesthetic. Overall I believe I have created the effect that I sought out to make at the beginning adding new changes and interactions along the way. I like how the stroke weight changes at different points around the screen and how I have kept it simple with the black background and white stroke. I added colour here and there however I kept moving back to my original colour scheme, I finally decided to add subtle pinks and have a slight colour effect to add a little bit more, but keep it overly low key.

thoughts...

I am still unsure if colour hindering the effect I am after...

..

This incorporates more than one colour and they change as the lines move.

colour me pretty

varying shades of purple.

varying shades of green.

Just playing around with some colour options.

thoughts...

I feel as though I am near my final look that I have been wanting to achieve. I need to play around with my values and do some more colour experimentation but overall I am happy with the soothing effect that I feel my sketch creates with a subtle fluid sort of movement. I've still been having ideas to add to the sketch like bouncing lines and particle rain but everytime I try something new I revert back to the older ones!

colour

I've added a varying blue to this sketch that changes as the mouseX position changes. I quite like the effect but i will have to try and work it out to have a fade back to black aswell.

(this sketch+variations are not uploading to openprocessing for some reason, I will upload once I figure it out).

White and black

This is the original colour scheme that I kept reverting back to!

Thoughts...

At the moment I am a little confused as to where to go from here. I want an x-factor that will push my sketch forward however at the same time I am content in the smooth and subtle movement that I set out to pursue, I don't want anythig to explode of the screen or shower in rainbow colours. I feel like everything that I have tried so far has detracted from what I wanted to be the main focus and movement of the sketch. I am going to continue to experiment with line weights and colours and see if I can get a good balance between all aspects of my sketch, we'll see how I go!!

!!!

Instead of over complicating it on this sketch I have just repeated my line() in my code and reversed the values so that each line has another line that moves the oppisite way to itself. This gives me the crossover effect!!! I will continue to experiment with this and see where I can go from here.

....

http://www.openprocessing.org/visuals/?visualID=36136

This was the start of an attempt to have more lines that could cross over to give the effect I liked earlier, however it did not work, but i think there is an easier way to get the effect without dividing the screen and using percentages etc to have each line divided.

experiments

http://www.openprocessing.org/visuals/?visualID=36135

In the top sketch I experimented again with strokeWeight which I thought felt too clunky and the lines were not as smooth. The bottom screen shot is not as clear as I have taken while the lines are fading back into position. I upped the speed on the sketch and though it is a little crazy I love how the lines make cool shapes when the fade back to original position.

too many lines?

http://www.openprocessing.org/visuals/?visualID=36134

This is the same as the previous sketch however I have increase the amount of lines from 3 to 5. I think I takes away from the fluidness that I like so much from the previous sketches. I would rather stick to 3 lines.

Back on track..

http://www.openprocessing.org/visuals/?visualID=36130

This is back to my original sort of ideas of fludiness however I have added a fade back to black so that they start and end black which I think has created quite a cool effect flowing into the white. I would like to continue with this aesthetic and see where it goes. I feel as though I am definatley getting closer to the effect I've been trying for.

blue? more lines?

http://www.openprocessing.org/visuals/?visualID=36125

This sketch is quite hard to see, it is the same as the previous sketch however I have increased the number of lines from 3 to 5. It starts to create interesting patterns between the lines when they cross as you can see here slightly. I will try an increased number of lines on a sketch that doesnt have such a big blur of particles and see if this gives the cross over effect I am looking for. I am also not really a fan of this blue colour.

A little colour?

http://www.openprocessing.org/visuals/checkVisual.php?visualID=36118

Just a little colour and experimentation to pull away from white, I just thought i would try it with a dull sort of coppery colour. Later perhaps I will experiment with hue and see what sort of nicer colours i can come up with.

experimentation

http://www.openprocessing.org/visuals/checkVisual.php?visualID=36109

This experiment is changing the fade so that it appears the lines and particles become larger and then settle back to original thin lines. I like this effect however I am leaning toward the more subtle images  rather than the bolder sketches.

getting there :)

http://www.openprocessing.org/visuals/checkVisual.php?visualID=36096

I definately feel that this sketch is heading in the direction that I want it to go. The lines are becoming more fluid and less awkward with the minor tweakings I am doing. I really like the effect when the lines cross over eachother! This is something I would like to explore further to bring a more interesting element to my sketches.

...

http://www.openprocessing.org/visuals/?visualID=36091

I actually like the variation in this sketch however it is a fail in the way of the fluid lines I am trying to achieve, very erratic and not what I'm after.

fail....

 http://www.openprocessing.org/visuals/?visualID=36083

I am trying to create a certain movement to my new lines... this however is not it. the more the mouse is moved the more the lines move off the screen and do not return!

Curving!! Sort of..

This is the previous sketch altered so that the lines are starting to bend! It's definatley still awkward but it's coming along !!

http://www.openprocessing.org/visuals/?visualID=35843

smooth()

In my previous sketches I seem to have forgotten all about the smooth(); funtion which makes things a lot prettier. I will remember to add this in to my future sketches!

background(0) ?

From the start of my experiments I have made the background black and the stroke white, I thought I would try flipping the previous sketch around and seeing what it would look like with a white background and black stroke.. turns out not so nice. I think it makes it look cheaper and I don't like the fade effect against the white. I think I'll stick to a black background and experiment with stroke colour later on.

http://www.openprocessing.org/visuals/?visualID=35840

moving on..

In this sketch I still only have 3 lines that move up and down but now I have added in a fade rectangle so that it gives it something a bit more and also an acelleration so that I will have more control on how I want the particles to settle back down into place and how quickly they rise up. I also changed the solid lines to particles and I was drawn to them originally when looking through other peoples sketches on Open Processing.

http://www.openprocessing.org/visuals/?visualID=35837

The first step..

http://www.openprocessing.org/visuals/?visualID=35835

This is my 'step 1' of what will hopefully work out to be a good way to achieve the aesthetic I am after. It just consists of 3 lines that move up and down with mouseY and settle back to position when mouseMoving= false.

Development

I think maybe the best way to go about this is to make lines and then when the mouse is moved curves are created. To do this I will begin by making 3 lines across the width of the screen that move up and down depending on the mouseY position and when the mouse stops moving they settle back to their original resting position and then take it in steps to work it into a final product... This is going to be hard..

Random generated curves

 

                                    http://www.openprocessing.org/visuals/?visualID=35833

Here instead of using curveVertex I have used beziers which are randomly generated and fade out, this has only a little mouse control however and is not much of an interaction!

....

http://www.openprocessing.org/visuals/?visualID=36215

This is the same sort of idea when the mouse is pressed the lines change from black to white on a grey background. There are also a larger amount of lines.

mouseClicked

http://www.openprocessing.org/visuals/checkVisual.php?visualID=36213

I was just having a play around with mouse click and changing the colour when the mouse was pressed from red to blue. I think its not really what I want to incorporate into my final sketch as the colour change could come off looking a bit tacky.