Concept Experiments

Concept 1 experiments

http://www.openprocessing.org/visuals/?visualID=33619 : in this application I was trying to see whether I could make the dots stay a certain distance from the position of the mouse and make them slowly move furthur away every time you click.

http://www.openprocessing.org/visuals/?visualID=33618:  in this application I was seeing whether I could split the page up into an invisible grid and wherever you click a shape will appear.  If you keep clicking in the same part of the grid the shape will grow or move.  When you click in another part of the grid, the previous shapes will stay where they are and another shape will appear and grow or move.

Concept 2 experiment

http://www.openprocessing.org/visuals/?visualID=33620:  in this application I was testing whether you can make the circles grow as you move the mouse over them but when you move the mouse off them they will shrink back down to the origional size.  When you click on the circles they will disappear.

Concept 3 experiment

http://www.openprocessing.org/visuals/?visualID=33622: in this application I was testing whether you can make a grid of squares, that when you click on a square it will either move (in any direction), grow (larger or smaller) or do both.  Some clicks will make two squares move or gow as some squares will use the same variables.

Concepts

Precedent Images

I came across an application on Open Processing that used overlapping circles with low opacities which gave me the idea for Concept 2

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

I find the effect that ripples in water make when their rings overlap really interesting.  This is similar to how overlapping circles appear with a low opacity like in the below image.  I want to use these for infuences in my concepts.

I saw this soduku and was interested in how in this image you can find what it seems endless squares and rectangles, all overlayed, different sizes and positions.  I think this idea could be developed into an interesting interactive application.





Some cool applications I found

An interaction is something that a user wants to interact with because it is entertaining.  It is something that holds your attention as it has different outputs depending on the input you put in.
Below are some applications I found on Open Processing that I think are good examples of interactions:

http://www.openprocessing.org/visuals/?visualID=6742 : this one holds your attention and it is entertaining because it is different every time.  Where and how you move the mouse depends on the lines that grow. They never grow the exact same way twice.  You can also change the design by zooming in or out, changing it to crayon and switching between "doodles" by pressing various buttons.  It has an element of repetition (the lines growing) but theres so many different designs you can create that it stays interesting.

http://www.openprocessing.org/visuals/?visualID=31335:  this application also has an element of repetition but is still entertaining as there's so many different things that you can change.  Each change is only small but as you change more and more things the design becomes completely different.

Project 2: Interactive Mouse Toy

Final 8 structures

Created using repeating triangles, that decrease in size but not width.

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


Created using repeated ovals that decrease in width, but not height.

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




Created using circles that decrease in diameter.

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

Created also using circles but smaller ones that are repeated across the y and x axis.  The circles don't decrease in size they just get less with each row.

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

 

Created using repeated rectangles/squares that decrease in width but not height.

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


This structure turned out different from the previous ones.  Yet is created using the same code, with squares that decrease in width and height.

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

Created using lines that decrease in length.

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

 



Created using points.

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

Development

When I started sketching some concepts, I sketched the top structure.  It could be created using lines or using triangles.  I quite like how it gives perspective and is making a 2d shape, look 3d.
Then I thought it could look quite interesting if I repeated that pattern from each side of the square, which created the bottom structure.  This gives the symmetry I was looking for.

I then created this in processing and this is the design which came out of it.  I really like this idea so want to create my 8 structures, similar to this one. 

The above design on processing: http://www.openprocessing.org/visuals/?visualID=31980

To keep the 8 designs consistant but different I thought about using triangles and lines still, but just changing the values, thicknesses etc of the above structure.  But when I tried it out, it didn't turn out how I hoped.  So I thought instead of sticking to one shape I could keep the same star like pattern but just change which shape creates the pattern.  So in the sketches above I sketched some shapes I could use, that when repeated from all four sides of the square would create this star like structure.

After I created all 8 of my structures I then realised that in the brief it says the structures are meant to be rectangle and printed 10cm by 20cm, not square like I'd created.  I thought about stretching the designs like above.  Which I think looks good with this structure, but with some of the others it didn't work.

Therefore I decided to not stretch them, to just cut them in half.  It still has symmetry, and it makes the design, I think even more interesting.

Precedent Images

I quite like the effect that lots of overlapping lines makes, like in the above image.

I think it looks really effective how you can use lines to make something look 3d. 

What I like about these designs is the symmetry. 

What could also be quite interesting is using the outlines of shapes as the lines instead of just straight lines.

More practices

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

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

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