My final dropbox file

If this does not work, I have emailed  o.blair@massey.ac.nz


https://www.dropbox.com/home/CREATIVE%20CODING


and if you cant access this please log in to www.dropbox.com
email: ashley.m.brickell@gmail.com
password: creativecoding1

and check out my final softwares


or Click here to view zipfile or  Click here to view CREATIVECODING. or  https://www.dropbox.com/sh/mfcd6ot3y8u9qaa/AABq3SW1tNmUz2aDKtEinRj9a?n=329442134P.S



THANK YOU FOR AN AWESOME PAPER IT WAS FUN (:

and remember to click on the pictures on my blog to see what I wrote up close!

Final Quartz Composer

Demonstration of my outcome of Quartz Composer

In this video it demonstrates how my Quartz Composer can be used.

For my Quartz composer, my aim for my final was to create something that is audio interactive and also has an effective texture used to attract the audience when music is played. In order to make this, I have two separate particle systems that are supposed to react to different volumes of pitches respectively. Below is the patches which make up one of the two macro patches, by connecting them together through layers and much more. I decided to use lenticular halo, which links off Torus lens distortion- as it makes a better effect for my object instead of sunbeams(which i exsperimented with). The family line and particles in the background depend on noise through the "audio input " patch.

Final development of the software Processing

Below is my coding that i used for processing

Screenshot of Processing outcome in action

For my processing definition, I looked at focusing more on the colour and shapes formed through processing. Although I started of with playing around with "stroke" and "ellipse" - which I looped and repeated each shape in the shape of the mouse movement , I decided to develop of that and just add that in the background for a fun effect. As instead I wanted to put more of my attention on the scale, stroke, line and rotation of the final shape. I played around with the colors alot in my shape (e.g "colormode" and what follows after ( RGB, 100). which made this autumn like color filter, which this I then underneath void draw added "fill(random)" so the colors would change frequently ( as seen on code), which made the colors more effective with the contrast. Personally I really liked the monochromatic designs from my previous Processing experiment, although I ended up finding a turquoise colour (RBG),  After creating this colour, I then just played around with the size ("zoom") and rotation, which has  created this effect displayed up the top, enabling it to move in and out with that distance between it.   

Personally, processing was fun and I enjoyed that it was based on  'frameCount' and how the mouse can command the objects to do things. By playing around with all these features I was able to create different varieties, which I could later use in design.  This final piece that I selected was my favourite as it is fun and colorful and approachable, with a twist of random generated color loops (ellipses) which i like. 

FINAL SOFTWARES THREE.JS PLAYGROUND

THREE.JS PLAYGROUND\

Link below (click on it)

FINAL THREE.JS PLAYGROUND

                                           Demonstrator video on three.js playground in action

The coding used in three.js playground (click on it to make bigger).

In my final outcome of three.jp playground, I looked at  further refining and developing my "movement of shapes"' in design, which I used looping to do so. I used the leave trail effect to make the colors leave the randomly generated colors to stay on the screen. The geometry shape has many points as it is a wire frame. I changed renderer = new to renderer = new THREE.WebGLRenderer( { preserveDrawingBuffer: true } ); to allow it to leave these trail effects making a painting as the mesh rotates. I continued with this idea, as I liked how put "random" in my code, so it generated random numbers to use to move the shape of the cubes, I like this effect, as it kind of looks like its traveling throught he sense of tones available. Though to my final  development I made a few slight alterations. One aspect I mentioned in my previous Three J's post was that I wanted to develop it and keep using the ellipse shape and loop it so they interact with each other- so in my final I used the ellipse shape and placed it in the centre of the video sketch, which would then zoom in and out by useing the "mesh.postion". click above on the screenshot to see what else I used to make this software.Personaly Three J's Playground was the first piece of software that we were introduced to,  and I found that it is really easy to pick up a  understanding of it. Also looking at examples on the internet and website helped me e.g" pre made snippets", along with how they were made, so you could also remix them, to make it your own.  Overall, Three.jp is one of my favourites as it looks fun and funky and there is lots you can discover and explore on it. 

SOFTWARE- Final Unity outcome

Screenshot of my unity project

video below of a quickplay of me running around in my project.

Above is a screenshot of my unity project, In my first experiments I started of with using particles and the third person, I have developed this concept by adding and playing around with the terrian, I found that you can import alot of objects off the internet to make my project look cool. I made the 3rd person able to jump ( I changed the variables ).I also made him run e.c.t- these variables can all be shown on the right hand side. I also included a point light, which follows him around the island, as I want to have the effect that its night time around him. 

Personally Unity was'nt my favourite software, as it was the last one that we learnt and I felt like I was enjoying the other softwares much more, but it was still interesting to experiment with it and discover what functions it can create, such as the game mode.

If i did have more time, i would like to have tried putting more effort into this software, as I'm disappointed I couldn't create a project up to my full potential, but I still have a good understanding of how this software works, and how to make all the basic functions plus more like 3rd person. 

Developing Unity

screenshots

Final unity development  Here is my final development for unity, I know this is really simple and im disappointed that i didnt get to develop it anymore, I had been working on a unity project before hand for hours and it turned out really good, but i didn't save it and it got lost, so this is my last minute one. I know that I can use unity, but this final of unity does not do it justice.

any here is what i use to create it 

- 3rd person

- particle system ( of the 3rd person)

- terrian ( which i created, and imported assets to draw in there)

FINAL PROCESSING

code below

                             Final development on Processing

This is how I put together my final outcome, so you can see the steps I went though to developing it.
- first by changing the line x1, x2
- then the random number variables on stroke

                                   Developing processing ..

I like how the code for the is so simple, but creates something so fun and playful.I would like to develop this even more but playing around with movement and shapes to see what else I can get

- the coding for this sketch is underneath.

final link to THREE.JS PLAYGROUND <<----CLICK TO WATCH

final Three.js playground

https://www.youtube.com/watch?v=y1xY1c2uM_E&feature=youtu.be

screenshots of final

https://www.youtube.com/watch?v=kJcDfR_bOF8&feature=youtu.be

Screenshots of my work (double click to make bigger)

https://www.youtube.com/watch?v=En2JidagPZM&feature=youtu.be

click on the link above to see a experiment on Three.jsplayground  that I made

Screenshots of design work that I created on Three.js playground through the progress of designing my final outcome.

Development Three.js Playground 

Some patterns that I have made on Quartz Composer (screenshots).

I think its really important as a designer to always look for opportunties to create art in what ever work your doing- thats why these are some screenshots of some experiments I did. As you can see I played around with shape and movement and colour to found out the best outcome for my final piece. 

- The love this abstract feel of unsual shapes being formed through movement, so thats why for my final, I connected the mouse to my object( particle system), so that the viewer can get involved in creating these abstract movements. 

Final Quartz Composer Demonstrator

In this video it demonstrates how my Quartz Composer can be used.

For my Quartz composer, my aim for my final was to create something that is audio interactive and also has an effective texture used to attract the audience when music is played. In order to make this, I have two separate particle systems that are supposed to react to different volumes of pitches respectively. Below is the patches which make up one of the two macro patches, by connecting them together through layers and much more. 

                      Quartz Composer- Development 

I have successfully made my particles smaller to view, which I prefer to my previous videos as it doesn't draw as much attention to itself- as people can focus on the background swell ( which Im yet to create.

This video below is made to represent a really girly theme.

As you can see Im slowly making my final outcome more specfic, as I have gathered all my favourite experiments but normally I would use- Lenticular Halo ( but instead in this video, I was experimenting with sunbeams- which created a fuzzy ball thing- I don't think i will carry using sunbeams, as I think that the effect of the Halo is more effective and pleasant to look at).

- I can also carried on with using Root Patch, which you are unable to see in the screenshot behind, but this made the background rotate around with a playful purple flow .

Above is my coding that I carried out achieve this, as you can see sunbeams are connected to the mouse and x and y position to make it possible to interact the viewer with movement. 

Even though you can see the layer 3D transformation in here, I decided not to go through with this as it didn't match up to my other coding.

Quartz Composer- Experimenting 

Here is an interesting observation of the numbers changing as the movement changes on the screen. which I thought was quite interesting to take note on.

Quartz Composer- Experimenting 

So here is another video of the previous experiment which the same Macro Patches but this time just changing the variables around ( as seen on the picture below).
- I'm finding abstract movement really fun to play around as you can see.
- For my next step I have decided to make my particles smaller and try and experiment more on whats happening in the foreground aswell.

Below is just more experimenting, that I filmed to show how I went about doing this project.

Quartz Composer- Experimenting 

This video above is the outcome of the experiment, that I set out to achieve.
Below is how I came to do this.

When viewing this, make sure you double click it- so it goes large enough to see.

Quartz Composer- Experimenting 

These Two videos, you can see that I'm experimenting more with the movement of particles. I found the colours mixed together really effective( white background/ hue blue bright )- which I want to put in my final video. I feel like I'm still playing a lot around with what physically my video looks like- but in order for my video to stand out to the audience, I feel like finding the right tone and contrast is important.

This is the Root Macro Patch which I made these videos from. One really cool Macro patch that I found is called "Root Patch" which added amazing texture to my background, so it didn't look as plain- I will difiently use this patch in final.

Developing and experimenting more with Quartz Composer 

In my first experiment that I did in class - I played around with video and audio input, and using these to alter effects such as the colour and size (rotation) to my macro patch 'billboard'. I then played around with adding an function called "image" (which I could connect to my webcam). From this I've decided I would like to move on from this and play more around with adding particles to the design ( as I experimented with on my 3rd one). I then play around with the colour/ speed/ shape of my particles to create movement which with the right outcome - created a powerful contrast. The particle's colour was controlled by audio output, while the billboard's colour was controlled by the mouse's X and Y axis.

From this I will keep experimenting with the function of "particle system" to see what I can further add to my design.

rherh

Here is a basic example of the code, for your copy-pasting. You could use only one of the following XML tags if you wanted

The way in which I was writing comments for my functions was consistent, but entirely in my own style. I knew there must be a better way of creating this documentation using a more standard coding convention. Indeed there is.

Using triple slashes and the format for XML comments, your explanation will be viewable when you using that function, through a tooltip. Those familiar with Visual Studio know this auto-completing feature as IntelliSense. Which parameter is displayed is dependent on where your cursor is located within the function call, as shown in the screenshot below:

Quickplayer video of Exsperiment 2 UNITY

In this video it demonstrates how the terrian can be developed and experimented with. I made a house and landmass to make my unity work have the effect of looking like a real island that someone lives. I took away the main camera and replaced it with the first person controller, which you can see out of when you switch to game mode. This development was made through a youtube clip  https://www.youtube.com/watch?v=QUCEcAp3h28 , that I followed- but remixed to make my own- A i feel like if I totally want to understand UNITY software, I have to start from the beginning and learn step to step.

Exsperiment 2 Unity 3D

~NOTES IN CLASS -Unity week 4 ~

How to open software 

Copy some files

Student stared à creative coding (copy onto computer)à unity_basic_coding

Assets= scene001.unity=double click

Tab on the top left of page

1)   look around 2) zoom middle click(wlsd) *right click w= fly

arrows x à right

arrow y à up

NOTES

·      Remember if you try make to many things at once it will slow down or crash.

·      Space = jump bar

·      3D environment the rules we live in actual life (physic’s) apply to à day gravity

·      Response to the environment

Components à (right hand side) ADD COMPNENTS

·      mesh (filter, SD Shape-changes the change physics >right bodyà mass (change anything)

·      Audio attach to any object

·      Scripts > Dupicate à (double click code) script control- click onà drag in game object n# (4)

Doc. Unity3d.com

Paste function in transform/translate. (scripting references)

Description e.c.t update (lopping) = when you double click show you how to work it.

Add textures (layout)

Terrain à add texture à buffola grass/ get images of google à put in suitcase à assets save.

                                  Notes from class - Quartz Composer