Creative Coding

This project was all about experimentation. It was my first time getting to use code properly and I was amazed by the sheer freedom and speed that Processing offered.

I started by looking at what can actually be done in Processing. People such as Tim Rodenbröker and following Instagram pages such as @creativecodeart particularly interested me as they apply the code in a graphic design context.

Also researched things that inspire my design in general such as fashion and contemporary graphic design

I will also research the original artists who used code to create Generative Art as a way to broaden my horizons and get more inspiration as well as learn a bit of history.

After some research I decided to jump right in looking at different tutorials as well as following direction and advice offered by lecturers I created what would be my first outcome. Instead of pure randomness I decided to change some of the parameters on the sketch to create a diamond. I was also very interested with how it created the illusion of fabric.

  • Initial random sketch
  • Final
OUTCOME 1

As I have an interest in typography I have decided to sort of jump ahead and look at type in processing on my own as well as in a 1:1. I wanted to create something a bit more realised so I decided to experiment. with processing first before applying it to the final.

I also wanted to include different fonts and images into this outcome. I decided to input them both to create a poster.

I am really interested by the texture created with the draw loop almost as if the words have been printed.

  • cant read
  • more legible
OUTCOME 2

This is my other outcome I created. Intended to contrast the colour in the text by using a picture of nature, as well as contrasting the digital nature of the work itself.

For my third outcome after learning about forLoops I decided I wanted to experiment with them.

I initially was experimenting with randomness however I had one line of code for each triangle. While making I was thinking “surely there must be an easier way to do this”. This turned out to be the case with for loops. Making it much easier to generate this style of work. Allowing me to increase the amount of shapes from 6 to 20.

  • for loop vs manual
OUTCOME 3

After getting used to for loops I decided to experiment further with them and how they can be further manipulated

I after creating the loop I realised that they would all be in the same place so I decided to use the rotate function to create this effect. I learned this from a tutorial on generative art by Art Now Coding on Youtube. This can be found here: https://www.youtube.com/watch?v=ynkobjJ2SiI

I wanted to create more of a user input for this outcome so I decided to experiment with mouseX and mouseY to create some interesting outcomes and potential for having a poster with an animated interactive element.

OUTCOME 4

For my final outcome I wanted to create something again more realised, combining my experiments with randomness and forLoops.

  • image from google
For this told processing to draw 500 lines at random from the centre of the page creating a void effect, I felt like it was almost as if you were looking into hyperspace in a sci fi.

Although I thought this was interesting I wanted to push it further, allowing the lines to be tracked by the mouse and also having the background draw with the lines.

This gives a similar effect to the hyperspace image
OUTCOME 5

To improve upon this project Id like to take advantage of more of the features processing has to offer, more of which we will learn in creative coding pt.2. Id like to look at different forms of user interaction as well as more of the randomise function in order to show a random picture, phrase etc.