Final

My final for Project 3. If you hold down the left mouse button you produce the bass like sound (from a bass drum) as well as falling lines. If you move the mouse around whilst holding down the mouse button it makes the line move with the mouse, then holding in one place makes the lines fall away again. When you click the right mouse button you refresh the page with a slight sound. Although I was a little bit disappointed that I couldn't work out my original idea. I feel that I could've had more interaction within my design, which is also something else I was a bit disappointed about. Although over all I am pleased with the end result.

Sound

As I am unable to embed the sounds that I am look at. I have put them in a processing sketch. To hear each sound you just need to push any of the letter keys on the keyboard.

Looking through the different sounds I have decided that I like the sound which is allocated 's' as my main sound for the interaction. For the right click (refreshing/starting over) is allocated as 'r'. I like these out of the sounds that I chose as I feel that 's' has a very nice bass line. Which in my opinion represents the idea behind the chaser more so than the other sounds. Along with the fact that I believe that it doesn't get too overpowering in comparison to the other sounds of which I narrowed down. The 'r' sound I chose mainly because it is short and sweet. As well as coinciding with the 's' sound very well.

Change

Here I have changed my design so that at a certain point the lines fall in the opposite direction. So still giving the light effect. Admittedly it's not what I wanted my interaction to look like originally. But overall I am quite happy as to how it turned out. All there is to do now is look into other sounds to use. Especially the explosion sound as I feel that, that doesn't link in anywhere within my idea for the interaction.

Colour

Here is just a quick play with colour. Since my inspiration is from lights (lighting show lights), they have multi RGB colours. Which I would like to incorporate in my own design. Although I want to limit, so not having browns, blacks and whites. As these types of colours are unappealing and not generally used in a lighting show, I don't want them in my interaction.

Sound

My second play with sound. Here I have made it so that the lines that you create stays visible, along with sound. At this point in time I am looking into finding a much more bass-like sound rather than this higher pitched one I have at the moment. But just to show what I am trying to do, I am keeping with this sound until I find the one I am looking for. With the lines staying visible on the page I have decided to bring in the RIGHT click, which pretty much erases what you have made on the page. With an added sound. At this stage it is just an exploding sound so as to give the idea of blowing up the lines on the page to create something new. I am also looking into having more than just one sound when having the lines as I feel that having just one sound makes the interactive boring and uninteresting. But I'm not absolutely sure as to how I will achieve this. We shall see...

Height and Width

Here I have just made it so that when the mouse is held there is a fall of lines just to the one side at this point in time. Here I have made it so the last two x and y to 'line' is height and width. This means that it moves throughout the scene. Although I would prefer it to be a straight line that shoots up to where the mouse is. This is something I am looking into fixing.

Almost there

Here I have been able to get it so that the interactor chooses where the line falls from. Although I have discovered that when trying to get the other side of the line to fall down so as to form the 'light' styled form. It would not work in the way I want it to. So at this point in time I am still developing it. But I feel that I am quite close to what I am wanting this to look like.

What I'm trying to do

Here is an interaction from my last project. Showing how I want the interaction to work with the exception of it being the 'light' rather than the line used here. I am still having trouble with my own design as even though I have released the mouse button it doesn't restart the 'light' It just carries on the rest of the 'light' and then nothing else happens. I'm looking into arrays and looping but am not exactly sure how to go about it. But we shall see.

Sound

Just a quick play with how I want the sound to work. Although at the moment that isn't the sound I want to have. I want to be able to have alternative sound levels as you go up and down the y-axis, I feel that it would make it more interactive and more interesting for the interactor. I am still working on fixing the actual 'light' itself.

MouseClick

I've managed to create the 'light' using the mouse click. So when the interactor holds the mouse the 'light' continuially falls. The problem at the moment is that it doesn't refresh what you have done. So if I let go of the mouse half way through the 'light' falling it just picks up from where it left off. And also once finished it doesn't start back up again. This is something I am looking into to fix and make better. By possibly using loop()?

Second try

I have finally gotten the other side to do the same as the first. It was just simply adding five to the second x. I was trying to add and minus the other side of the 'line' code, rather than sticking with the first attempted code. Looking at how the lines have shaped when falling down to the bottom of the page. I feel that it looks more like a fountain rather than a lighting effect. I am now going to look into using the mouse to create the effect, then moving onto bringing in the sound effect.

First attempt

Here is my first attempt at getting the light effect. As you can see I've only been able to get one side to spread out. I am still working at getting the other side to do the same.

Research

Here are my first three original drawn concepts of which I want to achieve with this sound project.

(Light) : My inspiration for this design is the use of a chaser. A chaser functions so that when a light is plugged into the chaser, it then alternates the power through the channels using the song dynamics and a solid bass line. So the idea behind this is the sound will be created from producing the 'light' (left mouse click). The 'light' will be formed with a line which goes up to the mouse and falls away to both sides, creating the lighting effect.
Downside: to this interaction is the interactors play in the interaction. As it's just one click that creates the visuals and sound.

(Guitar) : Very basic design. Six guitar strings. When you drag the line and release, it creates the sound of that string (E, A, D, G, B, E). I feel that this interactive is very generic and to be honest, over-used.
Downside: Limited visuals. Over-used.

(Piano) : The inspiration of a piano. Except it will be more abstracted. The piano keys will be warped into a spiral creating a new, interesting visual. Having the sound be created from the click of the mouse. Each key the sound that it would be on an actual piano.
Downside: Boring, as all in all it is just a piano.

As said before I will be furthering my 'lighting' idea as I feel that it is more aesthetically pleasing than that of the abstract piano or the guitar strings.



Openprocessing Inspirations:


http://www.openprocessing.org/visuals/?visualID=26387\
- What I inspire from this interaction is the different sounds that is created depending on what part of the rainbow you move the mouse over. I want to bring this in my own design except having the sound change dependent on what part of the sketch you click in.

http://www.openprocessing.org/visuals/?visualID=27144
- I like how depending on where you click, a different colour appears. I am thinking of doing something like this within my own design. This way the light created can be multiple colour's. That or each time you click, the light changes colour. I feel that this will make it interesting visually. And more aesthetically pleasing to the eye.

Research for lighting inspired codes

I really like this idea more than that of the guitar one. As I think that this would be more fun to play with rather than just strumming some guitar strings. Also using the lights as an inspiration leaves many doors open to explore this project with. More potential.

Open publication - Free publishing - More effects

Research for Light idea:

Sound:
As far as sound goes I want something that sounds bass like. As its the bass line that I feel portrays the idea of the chaser more so than the dynamic of the song.
Below are the websites that I will be using within my interaction
http://www.soundjay.com/
http://www.drumsamples.org/ - This website gave me heaps of drum sounds. Of which I will probably be using over the soundjay soundeffects. As these drum sounds is what I am looking for more than just simple effects. I want that 'real' drum beat.

Research for guitar inspired codes.

If I were to do my guitar inspired coding. I would focus on the strings more that anythings else purely based on the fact that it is the strings that make the noise. I like the idea of doing a guitar as it gives the person who is interacting with the interaction the oppertunity as such to make their own music.

Open publication - Free publishing - More guitars

Ideas

I have a couple ideas for what I wish to achieve in this project.

The first and main one that I am looking into is when the person clicks the mouse a beam of light as such shoots up from the bottom hits where you clicked and then expands into a type of fan creating a sound that lasts the length of the time it takes for the fan to finish, all the while the fan trail slowly disappears. The higher up you push the higher the key is.

The second idea comes from the inspiration of a guitar. So you have the different guitar strings lined up horizontally. When the 'strings' are pulled you create that string sound. E.g., drag E-string; it therefore makes an E sound. Depending on which part of the string you pull it creates a different key of 'E' or 'G' etc. But I feel that this is a very generic interaction and has most likely been done many a times. So I would like to stay away from this interaction and do more research into my first and favourite idea.

PROJECT 3 - SOUND

ARTISTS STATEMENT

My final interaction has four ellipses of different sizes which move with the movement of the mouse. For me I personally feel that once making a pattern on an interaction I like to be able to easily refresh so as to start again. So using mouseClicked you are able to refresh the page and start again.

FINAL

My final interaction

Colour and Opacity

My first I have no opacity with the colour yellow. Admittedly yellow does stand out, especially from the black. Second. The colour purple with 80% opacity. I like the opacity as it gives the interaction a new more interesting element. Lastly. Green, with 80% opacity also, except without an outline. I feel that this undefined the ellipses. Therefore I will be keeping an outline in my end result.

Experimentation

I am now going to experiment with colour, to see whether this will make the interaction better and possibly more attractive.
As well as experimenting with the opacity to see if this heightens my interaction.

Refreshed

Here I have given the interaction a 'refresh' with the click of the left mouse button.

I think that having eight ellipses did create an interesting effect. But i feel that it is too much for what i am wanting.
So I think that I will preferably use four ellipses as i feel it creates an interesting effect rather than having just one or two ellipses.
I will most likely change the sizing's of the ellipses so as to make it more aesthetically pleasing.
Next I want the person interacting with this code to be able to 'refresh' what they have created, so as to start anew.

Process

My progress from the original. First is with two ellipses. At the moment I am experimenting with how many ellipses I will be using for my final. Four Ellipses Eight Ellipses

More Inspiration

Something else that gave me inspiration.
The game solitaire. The old one that is. How the cards fall and bounce off the ground after winning a round, like in the picture shown below.

Inspiration

David Fasullo



Here is another inspiration that I have for my new concept. I like the idea of being able to create your own patterns, with the movement of the mouse. It gives the control to the user more than from the interaction itself.

Change

After much consideration and unforeseen circumstances I have decided to make a last minute change in what I am doing. I am going back to the interaction I found called "Stitches in Waves".
I have decided that my original idea of cat and mouse was becoming too complicated for what I wanted to do. As well as me feeling that it was still a bit too controlled in comparison with what I have now decided to do now.
As seen in my second try at making the cat and mouse idea, I made the ellipse that was following the mouse leave a trail of ellipses behind. What I know wish to achieve is to have more ellipses moving towards the mouse leaving behind many trails, giving the person in control of the mouse the ability to make patterns with the given ellipse trails.

Processing

First i want to get how to place the circles which will block the main circle from you the mouse. After I have achieved this I will then look into how the circles dropped can block the chasing circle. Then after I will look into colour. Here is my first attempt at trying to create my vision. As you can see its not exactly going as planned. The circles aren't staying in the spot when clicked, it just changes with the mouse, never staying where it was originally clicked which is what I am trying to achieve. As you can see I tried a second attempt. I thought that maybe it was the placing of 'background' which made it so. But I was wrong. So back to the drawing board.

What I want to achieve

In my own coding I want to take bits and pieces from most of my inspirations.
What I want to achieve from my own coding, is to have a circle chasing the mouse (you) with the click of either the left or right mouse button you produce random sized circles and squares which eventually lead to making it impossible for the circle to catch you.
The idea comes from the game 'cat and mouse' which basically has a cat forever chasing after the mouse. Which is what I plan to achieve in my code.
As seen below there are some sketches of my ideas on how it looks.

More inspirations

I like this as it is quite interactive, but also gives room for development. Turns it 3D when clicked and moved. Interactive Very simplistic. With your own drawings there is a constant movement, just like a carousel, which leads it to be three-dimensional.


http://www.stumbleupon.com/su/1V3Z4Z/www.moremeyou.com/you.html
This website I found when Stumbling one day.
I like the colours used, as well as the different styles you can draw with. I like the idea of getting the user more involved with the design. Rather than just moving your mouse around and moving things around. But also to get the user to interact with the code on a more personal level, where they choose what they do, with a minor boundary mark.

Experiment 2

This is something that I experimented with from my first project. I like how it can look 3D.

Experiment 1

Looking at the idea of chasing. Like in my first research precedent.

http://openprocessing.org/visuals/?visualID=30972

Research

The precedent of spirograph waves is very intersting. The interaction of using the arrow keys makes it interesting. Although could be more interactive.

http://openprocessing.org/visuals/?visualID=30963

Admittedly this is more control rather than interaction. The only interation the features within this design is that whenever you move your mouse the pattern that it is making changes, depending on how far in to either side of the canvas you go.

http://openprocessing.org/visuals/?visualID=30798

Research

This is an interactive piece that I found on openprocessing.com. (the link is at the bottom of this page).
What stood out for me with this interaction is that you, the interactor can hold the mouse button and produce lines tht rotate and move as you move your mouse, but at the same time a darker design follows suit but not in the same way that you yourself are making. Which then results in a more interesting interaction.

http://openprocessing.org/visuals/?visualID=31453

Research

http://www.stumbleupon.com/su/1iQD3v/open.adaptedstudio.com/hunting_arrows

This is an interactive application that I found on stumbleupon.com.
This is something that I find very interesting as when playing with this interaction you are making many arrows, and get the choice of whether you make the coloured arrows or the murdurous ones.
But thats not the end. When the black arrows hit the coloured arrows, the coloured arrows leave behind their colour of splattered 'paint' Which I feel adds a very interesting effect.

PROJECT 2

My final 8 - PDF files

1/8

^1/8


2/8

^2/8


3/8

^3/8


4/8

^4/8


5/8

^5/8


6/8

^6/8


7/8

^7/8


8/8

^8/8

For my final series I have decided to have a black background so as to have more emphasis for my series.
The colour I have chosen for my patterns is a bright green. I chose this colour as it stands out from the black quite nicely as well as resembling my idea of a laser light.

Experiment

Here I have changed the background to white. Just to see the difference between the two opposite colours.
Even though white does still look good. I personally feel that it stands out better on the black background. As it relates more to my precedent of the laser light, which is generally seen when dark.
So I will be sticking with the black background for my series.

Research

As you can see, all my structures have a black background this is due to the fact that I feel that the black emphasizes my design better than if it were on a white or other coloured background.


My inspiration for this project is the laser light, as shown below:

http://img.alibaba.com/wsphoto/v0/254820741/RGY-150mW-DJ-Laser-Light-Show-Disco-Stage-Lighting.jpg

The rays of light. For lighting, the rays of light are only visible from smoke machines, which reveal the light protruding from these lasers.
Hence why I have a subtle transparency as it makes the lines softer to look at as well as resembling these laser rays as in this picture.

I am thinking about using multi-colours throughout my final series. This way it gives that single piece of work individuality, as well as still being able to link well with the rest of the series, showing an obvious connection between the eight.

Teal

This is a development from the one below. Here the lines come from all corners. Creating an X in the middle

Fan effect

Here I have used the lines to come from two corners creating a fan effect.

Here I have taken away the transparency. To see how it would change the design. As you can see it makes it look quite flat in comparison to the ones that have that subtle transparency in them.

experiment

Here I have changed the strokeWeight to 5. This has made an interesting effect with my pattern.

Structured Curve. Added

I like the effect that the lines create, the way they turn into the curve.
I will experiment more with more lines and possibly thicker lines, to see the outcome.

Structured curve

Fifth variable

Fourth Variable

I like how crazy this can get the more you move the mouse around.

Third at variables

Here I am playing with the mouseX and mouseY in processing. I like the black background and feel that I will stick to this for my final series.
I like how when you move the mouse from the top left hand corner to the bottom right that it creates a type of curve with the straight lines.

second go at variables

First play with variables

My first play with the variables on the processing program.
The colours I use throughout my development, are just to see which colour creates best effect and will be most suitable for my final series.

Second at Processing

My second attempt using the same pattern maker.

First attempt at processing

This was my first attempt at making a pattern using the processing program. Using the pattern maker.