Final

Final 3d model design conveyed in the form of a fruit bowl

Cardboard didnt suit the design very well and proved to be a difficult material to work with especially concerning the interior folds. To better illustrate this model i would have chosen to vacuum form this in order to get strength in the folds.

Further development

I created this template in order to experiment with different images within the code.

To give the object some context i started using collages of different fruit to give the visualisation of a fruit bowl.

DIY Geo box

This is a great example of folding shapes in series to create an object. I printed it out and folded it in an attempt to experiment with different materials and folding techniques, (scoring etc)

folded cut-out

In the end i picked one of my own photographs that i had taken.
I used this photo as it had a strong contrast of black and white, which added high and lowlights of the structure.

Fixed moving 2d textures

By looking into sourced code for a design called "Fixed moving textures 2d," I found that i could implement my own image into the design. This meant that i could add context to an outcome.

3d printing inspiration

I did some research on how to develop the visualiser into a 3d outcome and came across a 3d print of Joy Division's album cover, "Unknown Pleasures." 

Sound Visualiser

By using source code for a sound visualiser i was able to produce a moving image that had depth.

In order to create the necessary depth, there needed to be a gradient or fade on the area towards the end.

123d Make

The .stl file is imported into '123d make' and a series of construction techniques can be generated.
For this particular initial design i found the two best techniques were: 'radial slices' and 'stacked slices'
on top of this function you can create a template for folding panels to wrap the image.

Grasshopper within Rhino

.

FINALS

Quartz Composer - Square Tears
By using the 'replicate in space' patch and the wave generator on the x-position i made a series of cubes fold out then back in whilst changing colour through the 'rgb patch' and interpolater. Although there is no user interaction in this design i felt as though it didn't need as it has significant depth in that i think involves the audience.

Processing - Grandma's Sweater
named appropriately as it looks like a woven pattern made by mapping the y-coordinate to mouseY and mapping the height to mouseX. Stroke colour, for the most part is determined by random giving a woven effect overlayed several times.

Three.js - Tetrahedron Particles
To make this design I remixed similar existing code and changed/added a few things to better suit the image for this design that i wanted. Mesh position is generated by random on all three axis which means it looks different every time. The camera oscillates on the y-axis with a soft turn at each end giving it a more relaxed transition of direction.

Week Four - Unity

Unity was attempted but files became corrupted and were lost.

Week Three - Quartz Composer

Spectrum
Unfortunately the screen record couldn't capture all the frames so the video looks quite patchy but the original file that is attached works well.
Playing with the replicate in space patch to multiply the output and create something that has a quite a lot going on.
Interpolation and RGB patches have been used together to create a colour spectrum.

Machu Piccu
An audio visualizer made from a rotating cube takes input from the microphone and channels the high, mid and low input to determine the height, width and depth respectively. Initial research said that i could import a 3d-image from CAD software using '.dae' format however this didnt prove successful and a cube was just used instead.

Bleak Bake
Initial experiment on quartz composer making an audio visualizer with the particle patch combined with the lenticular halo and interpolaters to determine the rgb colour. However colour faded after messing with the parameters of the lenticular halo.

Week Two - Processing

Brainstorm
Ellipse position is determined by two different integer values while the size is determined at random. User interaction determines the ellipse stroke through mouseX and mouseY to generate the red and green values respectively.

Rainbow worm
A fairly simple code that generates x and y position by mouseX and ''Y respectively while width and height is generated by random. Colour is connected to the coordinates of the mouse and determines the red and green values.

Painting Concrete
Initial experiment on processing uses mouseY to determine the height of the rectangle.

Week One - three.js playground

Tetrahedron Particles - Coming Soon.















Concrete
Second attempt at three.js and experimenting with drag code and mesh textures.
I found that i could get a much more stark contrast on the mesh by adding a texture and provided some interesting patterns with the drag code.

Concrete v2
Similar to the initial design i tweaked a few things to give it more rhythm and depth by adding a 'swingcamera' on z-axis.

Dissolve and Drag
First attempt at three.js and played around with the 'rotate mesh' snippet and 'togglewireframe' to create this animation that looks almost like a first person yo-yo of sorts.
Quickly found that the lights needed adjusting in order to avoid a solid colour.