Adding a clock on Processing

In our workshops we were taught how to add images into processing and how to select individual pixels of the image so we can change a single pixel or a large group of pixels.

New language I learnt in this task:

  • PImage;
  • loadImage()
  • loadPixels()
  • text()
  • textSize()
  • String

We were then set the task to go home and put a clock on our images. We were given the code for the clock and had to add it to the images we had created in the workshop.

Screen Shot 2014-10-25 at 13.28.46


This is what the code looked like:

Screen Shot 2014-10-26 at 16.20.58

I will be playing around with this more to see what different effects I can get and make it look a bit more interesting!

References: CC BY-SA 3.0

Posters In Public Space

After our research of the Foyer as a public space and had decided where we wanted to place ours, we went down and put them up, however the space between the lifts had already been taken so we put one of our posters up on the side of a vending machine. We chose here instead as it is still visible to the audience as they walk through to go to the lifts and stairs and it is also right next to a water fountain so people getting a drink would be able to see it at eye level. The vending machine is black which made the green poster stand out more instead of having it on an already busy wall where it may not be seen as well.

photo 1-2

Our other poster went up on the pillar in Costa which we had decided before would be prime position…photo 2-2

…however our seminar was late in the day and this was the only time we had the opportunity to put our posters up, so Costa had already shut and there were not many people walking through the foyer at all so we did not get the chance to ask anyone about our posters.

We said if we were to do the task again we would print out the posters bigger to make more of an impact, we would make the font of the slogan bolder and we would also put the posters up and interview people at more of a prime time so we would get better data to take away from this.


Playing about with Processing

In workshops and in spare time I have been playing about with processing more and learning more of the language to broaden my Processing horizons.
In the workshop we started off with our usual ‘void setup’ and ‘void draw’ functions and then used triangles (triangle()) and rectangles (rect()) to create an image of a house. We then played with this so that it drew a house for each frame the mouse was held down for. I was being very imaginative and drew my name…

Screen Shot 2014-10-17 at 10.08.15

We then went on to create rows of houses and to rotate them. To create the blur effect we reduced the opacity levels of the object and this was the outcome:

Screen Shot 2014-10-17 at 10.23.45

In the workshop we also learnt about arrays so we could make a colour palette, so from this workshop I then went home and played around with the sketch. I was amazed at what I could create from simply changing a few small things. For example instead of having a house, I simply made an ellipse of an oval, I changed the opacity of the objects and I changed or added colours to my array.

pretty.spiral pretty.spiral3  house spiral pretty.spiral4  pretty.spiral5 pretty.spiral6

We were also taught how to export our sketch as a video, so I did this with one of my creations:

Audience Research

As our posters are to be displayed in the foyer of Weymouth House, we went to research it as a public space. We looked at the space itself – the furnishing, the things already up on the walls, the screens, the props, Costa, etc. We then looked at the people there and how they engaged with the space, we looked at gender, age, groups or individual, the movement through the space, and which areas are the most popular.


We concluded from our research that the majority of the population are either walking straight through the space to get to the lifts and stairs, or are queueing for Costa. It is normally individuals walking through or groups of people sat on the sofas and chairs, but they are engaging with each other rather than the space and visuals around them.

From this, we decided it would be best to put our posters either on the pillar in the middle of Costa which is eye level and straight to most of the people queueing, or to put it in between the two lifts as a lot of people have to wait a while for the lifts so would therefore look forward at it.



Feedback on poster & Final Poster(s)

Our feedback from our draft poster was very positive, our seminar liked it because it was different yet simple although it was only just a drawn version and not digital like the other groups. The feedback was:

  • Our slogan is strong
  • It is humorous without swaying from the main subject
  • It has clever elements of intertextuality
  • Simple and gets the message across

From our feedback we went away and made the poster digital:


Although we did really like this idea, we thought it looked a bit crazy and out there, so we decided to make another poster a bit more ‘sane’ in case the audience did not engage with the first one was well as we had hoped.


We got our inspiration for this poster from the Independent Scotland campaigns, but we still wanted to incorporate the Cerne Abbas so we made that like a logo. The grass is to signify the vast countryside which makes it such a beautiful place.

Our next task is to chose where to put it in the foyer for optimum audience activity.


Introduction to Processing

Processing is an open source programming language. It is widely used and can be the base software to create all kinds of things. Its language is very similar to that of Java so is very useful for the teaching of programming. There is so much information available about Processing on the internet including tutorials and open codes, it makes it a lot easier to gather information and learn.

In our first workshop we looked on the exhibition at all the different examples of media that had been made using Processing. One of the first ones I recognised was the digital petting zoo, this was because it was one of the installations at the Digital Revolution exhibition (Barbican, London) which I had been to see in the summer.

I had not realised how much could be/had been made with Processing. So when we started to learn the code it got me excited at the possibilities of what I could make. In our first workshop we started out with the basics of Processing, looking at the ‘void setup’ and ‘void draw’ functions and what to put in each section.

Screen Shot 2014-10-03 at 10.35.36

This is the code we learnt on the first workshop, and it looks like this when you run it. Screen Shot 2014-10-23 at 23.03.07

I will be continuing to play about with Processing and posting my creations.

Independent Dorset Posters

In our first seminar we were given the task of creating a poster to promote ‘An Independent Dorset’. We were put in groups and started our research on Dorset…


The signs about Dorset that we got from putting our heads together were as above, we drew random sketches to go with our ideas just to simply put our ideas into visual signs. We thought about numerous things we associate with Dorset , such as the Cerne Abbas Giant, Pirates, Old Castles, UFO sightings and Lord of the Rings.(And of course Rainbows for the very indecisive weather!)

We then thought about which elements we could put together to create a poster which will entice an audience to engage with and also to get our point across about Dorset being better off independent.


Above is the poster idea we created. Our idea was for it to be eye catching and to suit our target audience of students, therefore using humour in our approach. The UFO is ‘beaming’ on the giant, urging the audience to open their minds to the views and beliefs of others. Our slogan of ‘Believe in an Independent Dorset’ is simply a play on words about believing in UFO’s and also believing in the community of Dorset and how it would work by being independent.

We will be getting feedback from our peers on our posters in the next seminar.

Introduction to Second Year

I have entered my second year of study on a new course, and its all very exciting!
Our introductory lecture outlined the year for us and what it will entail – our two theory units and our two design units. Our first design unit is Design Iterations which is all about the work and design process, our workshops and final outcome from this unit will be on Processing. Processing is an open source programming language, which I am very much looking forward to learning as the possibilities of what can be made on it seem almost endless. Our design unit it the second semester is Applied Design which will involve us learning XCode and putting our skills to use in a live brief to make an app.

I already know I am going to enjoy this unit as I know I will be able to put my own creativity and ideas to use, but also to make something for an audience and what they want to see.