Wednesday 17 September 2014

Parametric Design Precedents

So I have decided on the format I will be presenting my work in at the end of this assignment. I have decided that I will be creating a 3D object, most likely being produced by one of the 3D printers in Massey's FabLab. I have always been fascinated in fluid forms as I feel that they evoke a lot more emotion within the viewer than something that isn't fluid. Therefore with this in mind, I have decided to try and structure this assignment around the idea of designing compositions that are have very fluid forms and thus would create a very interesting and beautiful 3D object.

I have begun to look at precedent work that I feel focuses in on the fluidity of the parametric forms to create very stunning designs. At this stage in my precedent work, I have mostly focused on architectural based designs due to a lack of time, however in the next following days I will expand on this and begin to look at furniture and other potential three dimensional applications for my designs.





Harbin Cultural Center:







Heydar Aliyev Center:





Soumaya Museum:


Tuesday 16 September 2014

Colour Scheme Experimentations

By adapting the HColorPool variable colours in the setup section of the code, one can change what colours are outputted into my remixed form. This post is simply showing the colour scheme experimentations that I have done to try and create a potential mood or aesthetic:

Pale Blues using the hex codes of:

#FFFFFF, #F2F6FA, #E4EDF5, #D7E3F0, #CADAEB, #BCD1E6, #AFC8E0, #A2BFDB
However I feel that these shades of pale blue are too similar and thus they sort of blend into one another..











Shades of purple using the hex codes of:
#FFFFFF, #593D75, #7C3C70, #603B74, #6B3872, #835689, #A07FA5, #B48AAC






Fluro Test to try and make it 'pop' on the canvas:
#DEFF00, #FF4200, #00D2FF, #FF00A8






Black and White using the hex codes:
#000000, #191919, #333333, #4D4D4D, #666666, #808080, #999999, #B2B2B2, #CCCCCC, #E6E6E6, #FFFFFF





Remixing Processing Precedent:

As I stated in my previous post, I wanted to remix the oscillating precedent I found as I felt that there was real potential in the forms. However the way that the design was placed on the canvas and the way other variables were affecting the design, the forms are emphasised as well as they could be. 

Below is my process in remixing this precedent and in doing so, creating something that is a lot more interesting to look at. I felt that the most interesting part of the precedent were the start and ends of the oscillating design - where they taper out. Therefore this is what drove my remix, I wanted to create more emphasis on the tapering of the form. Please keep in mind that there was a lot of testing of different values in between each of these major steps:

So to start off my remix I have firstly changed the thickness and rounding of each of the lines individual lines. These values were originally 3 and 4 respectively. This created a very blocky shape that just in mind personal opinion needed space between each line in order to help to starting focusing more attention on the oscillation. The values are now 2 and 10 respectively.  
Next step was to translate the shape in order to focus the view point on the tapering of the form. As I stated above, I found that it was the most interesting an graceful part of the design and therefore needed more emphasis on it. Hence, I have changed the start position on the x-axis from 0 to width/5. Subsequently this means that the design starts well off the canvas with the tapering finishing about one fifth from the left hand side of the canvas. The negative space on the left hand side of the tapered form means that the viewers eye will not continue to flow off the other side of the canvas as the shape oscillates. 
Just another screenshot of oscillating in action once I had changed the code to make it start of the right hand side of the canvas.
Next step, I liked how the remix was looking before, however I felt that if I sped up the frequency of the oscillating, it would create a 'whip' sort of look at the end of the design. Therefore to achieve this I increased the frequency from 0.5 to 2 respectively. 
By increasing the frequency, the form began to be very hectic due to the fact that the range was from -200,200 so it was continuously stretching and shrinking to meet those values. Therefore to help create a sense of order again, I decreased the value to -100,100 and thus focusing the design through the canvas' middle horizontal third so it is firstly easier for the viewer to watch, but secondly so it is a lot more aesthetically pleasing.
Another screenshot following decreasing the range of oscillation. 
There are three sets of variables to operate the oscillation. Along the x and y-axis like the ones I was manipulating in the above screenshots, there is oscillation for rotation and one for height. I have not decided to touch height as I had it the way I wanted to look in that regard, however I wanted to emphasise the rotation of the form. Therefore in increased the range of the rotation from -180,180 to -360,360. In doing so it really finished off this remix how I had wanted. It is a lot more interesting than before with emphasis on what I feel are the most effective parts of the form..

Processing Precedent: hypeframework.org

I have begun to look through precedent work in order to help create a starting point for this new assignment and find something that interests me. I have found this example by Joshua Davis and James Cruz on hypeframework.org which I feel creates beautiful forms and especially if this was to be 3D printed which is my intent it would like amazing. However I feel that by remixing this example by changing the code I can hopefully design something that is a lot more graceful and puts a lot more emphasis on the oscillating forms.


Below is the source code for this Processing design:


I have decided to not printscreen all of the java script code as there is a lot. One must copy all of the javascript into their design in order to make the variables throughout the rest of the code to work..