Exploring Open Processing III

This is another example of another successful interaction that I found on Open proccessing, Turnig Lines. You click to create a line and the line rotate around the centre access, you can create quite interesting patterns by using the simple interaction which makes this particular interaction rewarding and more interesting. Which is an important point to include.

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

Exploring Open Processing II

Another good example of interaction that I found on open processing is this sketch called Gravity Swarm. It's very appealing to look at and quite fun to play and experiment with. Which ticks all of the boxes for the what I want to include in my own interaction.

The thing I like about this interaction is that you influence it, but not directly. You aren't sure exactly what will happen, which makes it more interesting and makes the user experiment to see what they can do. Which is something I would like to achieve, the partical system does quite well.

 

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

Exploring Open Processing

I have had a search through Open Processing and these are some of the more successful sketches which I have found that have some sort of interactivity.
Project V Flower Of Life is quite simple, but I thought that it worked cleanly and looks nice.

Project V Flower Of Life

Learning process

I personally didn't learn that much about writing java itself as I already had a bit of experience in using it before, I think what I did learn though was more about colour choice and how the colours change between what they look like on the screen and how they print. For my next project I would like to again use the computer to do all of the work and make the pieces complex, however I would like to be able to control the complexity and the randomness. So achieve a controlled chaos instead of just chaos.

Final Wallpaper

My final wallpaper is Wallpaper Mock up #3.

4th Mock up

My fourth mock up for the wall papers, similar to #3 but a bit less chaotic and more refined.

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

Wallpaper mock up #3

Here I have layered my smoky triangles, shattered triangles and the fyd logo.

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

Mock up 2

This is my second mock up/ experimentation of what my final wall paper could look like, this time I have again used the shattered triangles code, slightly edited it and used the fyd logo in the middle.

I quite like this one as it relates to the fyd programme obviously with the logo in the centre especially as it is one of my very initial ideas from my first post "I also like the idea of it symbolising the first year design course, with it being the beginning of a journey and at the moment everyone has lots of different ideas, hopefully all coming together under the guidance of the fyd programme."

This works very well for the concept that with the fyd course there are lots of untamed thoughts and ideas which with guidance of the fyd course becomes refined and beautiful.

Mock up 1

I have made a mockup of one of my options for the final 4 wall papers, simply by increasing the count of triangles in each picture, I think it's quite a nice and interesting design which would look fine if blown up to huge proportions. 

After taking another look at the cupboards we are designing for I have decided to make my wallpapers 2 sets of 2, while I am planning to use the same code to produce all of the wallpapers for the set I plan to have the largest difference in between the second and third cupboard because they have the biggest spacer in between them and they are two separate cupboards. I have done this with this mock up with the two on the right being closer together in count of triangles and same with the ones on the left, with the biggest between the second and third. For example I used the numbers 15, 35, 75 and 100 in this mock up.

I think this is more interesting than a simple even build up and suits the space where they are going to be installed in better.

My plan for the final wall papers

I had a few ideas of what I am going to do for my final wall papers:

• Use the shattered glass program for all of the boards, increasing/decreasing the counts of triangles in each so it's a progression.
• Use the shattered triangles program again and have the triangles all move towards an objective - to make something, using each wall paper like a comic strip.
• Possibly I might try layering my smoky triangles on top, possibly in white to add a bit of texture to the wallpaper.
• Using the fyd logo, swap the shattered triangles for one (chosen at random) of the fyd logo pieces.

Those are my ideas currently, I have moved away from my interim presentation recreation because compared to my shattered triangles it's quite primitive,I don't think it would suit the space it's going into and in a big size it could be quite over whelming. I am going with this simpler more elegant and better suited program for the base/main component of my wallpapers.

FYD logo

I managed to create the fyd design logo within processing - what all of my shattered triangles will be coming together to form if things work out properly or I could possibly change the triangles to be these trianglearc combinations. Not sure yet.

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

Shattered glass

My simpler, effective and most importantly successful way of creating a sense of depth in the image as opposed to my previous failed post.

I'm still using triangles like I did in my interim concept, and I'm now starting to bring in some colour - the very distinctive FYD logo sky blue. I'm liking this development a lot, it's quite a lot simpler and much less crowded than my original interim concept.

I feel it's much more effective and is kind of what I feel the fyd course is, a whole bunch of ideas coming together - something I could incorporate more readily into this. Possibly have the triangles come together as the wallpapers progress? I think that this would suit the space where the cupboards are quite nicely, I am also very fond of the colour choice, although not entirely mine - based off the fyd website and logo, I think that they are neutral and aren't over the top screaming for attention or too distracting, some of the things that I don't think would work very well.

While typing this I do like the idea of the triangles coming together to form somethingafter watching some of the other interim presentations I like the idea of them being one cohesive work, either one big picture or a progression of the same code. I'm not quite sure yet what that may be, but I will see what I can manage with the code and the time left. 

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

A failed attempt unfortunatly

Here what I have tried to achieve is the random triangles like the smoky triangles experiment but trying to create a depth of field to try and get away from the 2D-ness of a lot of the other wallpapers I have seen. What I was trying to do was that depending on the 'age' of the triangle (the order the triangle was drawn onto the canvas), the older/higher the age was the more blurry it would be. So the ones in the back ground behind the others would be blurry and the ones in the front/foreground would be clean and sharp, one of my goals from the interim presentation.

Unfortunately I haven't quite been able to get it to work properly. But what I have realised is that I was taking too difficult path of coding to achieve the effect I want, the way I was doing it would have allowed me to stop processing whenever it looked nice and always have blurred triangles and non blurred triangles. I have figured out a much simpler way of doing it rather than having to make a separate new class for Triangle and storing all of the variables and then putting all of those into an ArrayList.

I thought I would have try at creating a new class myself but I think the part where I failed was using the array list which just made it all too complicated in my opinion.

I thought I would still upload it as it's part of my learning curve of how you don't actually have to have complicated coding to create stimulating images and how I was over complicating things. I'm going to go back to this way of doing it after the assignment is done though, I want to get it to work.

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

Smoky Triangles experiment

One of my more successful trials playing around with simple triangles, random and alpha. Which has created quite a nice 'smoke' effect which I quite like I also had a nice suggestion by Ben Jack to layer this and my previous interim recreation which I like the sound of.

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

Interim recreation

Recreated one of my skecthes using processing and this is the result, I think I managed to recreate it quite accurately, although not the pattern but the overall effect anyway.

I plan to add more colour and try some layering but it's a good base start. However I think it's a bit linear and not as effective compared to my hand drawn version, hopefully some layers will spice things up a bit. I'm going to try and create some more elements which hopefully will layer together.

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

Interim presentation notes

What I plan to say about each of my pictures:

#1, I wanted to try and get a one point perspective going and try to break away from the 2 dimensions usually associated with computers, wallpapers and what I have seen from the pattern maker patterns so far. Hopefully it will stand out as being a bit different because of this. It's loosely inspired by the retro game asteroids, but I what I wanted initially is a random shape with each of the vertexs having a line going back to the one point.

#2, I want to try and get more of an organic flowing wallpaper out of the computer utilising the bezier curves function of processing.

#3, is actually inspired by a doodle I had sitting around where I had created gradients in a math book using only the squares of the grid paper. What I think could be quite interesting is if each little square were a different colour and moved around like a snake leaving a trail of colour behind it and if one path crosses another the colours mix. It could be interesting to see what kind of patterns the computer would create randomly.

4 is inspired some Maori weaving, by simply using triangles and a simple pattern I think it has created quite and effective wallpaper. Although no immediately recognizable there is actually a pattern I made up, with the top row only having two different colours, the second row having three which gradually change from one to another, the third row having four which change, the fourth having five etc... and back down until nothing. It's quite a powerful and simple pattern which I probably would like to develop further the most out of the concepts I have here.

In terms of what I'm going to do to continue to develop my ideas, I'm not entirely sure as I want to continue to experiment with processing and see what I and the computer can make and see where that leads me.

I have a few things that I would like to have an attempt at nest week and before it's all due:

• Something organic
• Something which grows on its own
• I want to use randomness to create my images to make the computer do the work and to make it more complex.
• Use some of the filter methods, try and create depth of field using filter(BLUR);
• Test out some of the pixel classes hopefully to get some interesting results.
• Use gradients and layers to further make the images complex.

My four concepts for the interim presentation

#1#4  #2#3    

Wallpapers

I have had a look around the internet of what a wallpaper is exactly, most of the traditional wallpapers I have found are simply repetitive patterns or just solid colours. Both of which I don't particularly like or would be complex and interesting enough for the assignment in my opinion, I would like to create something which is more of a piece of art as opposed to a traditional 'wallpaper'.

Project 1 Wallpaper

So the task ahead is to "create a set of four aesthetically pleasing wallpapers for the big cupboards in the first year design studio."

My initial thoughts of what to put on there is something relating to the first year design program, as that's the space that it will be in. Possibly I will utilise some of the elements from the website, as a lot of the course is based around it and it's quite unique, or I might take a look around inside of the studio to try and recreate the atmosphere of the studio.

I also like the idea of it symbolising the first year design course, with it being the beginning of a journey and at the moment everyone has lots of different ideas, hopefully all coming together under the guidance of the fyd programme.