Iteration cycle 1

Analysis And Design

Ok so the design is to create piece of media which will interact with people by using a camera for the purposes of testing I will be using a webcam. In order to track people I will be using a form of tracking. The first type of tracking I have used is brightness tracking. This will track the brightest point on the x and y axis. I will use these co-ordinates and I will map them against the transparency. This means that I will set a minimum and maximum on amount of transparency against a start and end width. This is so that when people move to the right they will only see the right image. And when they move to the left they will only see the left image. It is only when they are central to the piece of art that they will see all three combined.


fill(255, 204, 0, 128);

ellipse(brightestX, brightestY, 200, 200); – tells it to create an ellipse at the brightest point on the x and y axis and to make this of size 200 x 200( but as its an ellipse diameter 200) This allows me to see the brightest pixel iswhich therefore allows me to see if it is interacting with my code in the way intended.

img = loadImage(“heart.jpg”);   image loaded

tint(255,map(brightestX, width , 0, 0,255)); – colour and transparency…. transparency has been mapped

image(img,440,0); – image position

This code loads three images in different positions along the x axis, it then maps them using the brightest co ordinate on the x axis and it maps this value between the minimum and maximum values set as the starting and end point on the x axis. These are then mapped against a range of transparency

Testing  & Evaluation














After testing the brightness tracking in several different environments. It became apparent that brightness tracking might not be the best option to use in order to track people. This is due to the fact that there are to many variables in the environments. This causes the outcome of the code to be very glitchy and it subtracts from the overall performance. This led me to look for alternative methodologies.


Processing Interactive media project stage 5 (implementation)

The Inital Stages Of design



I created these drawings to help me represent my first idea.


Initial drawings no.1

Screen Shot 2014-12-08 at 17.10.39


Screen Shot 2014-12-08 at 17.12.27

Screen Shot 2014-12-08 at 17.12.47




Screen Shot 2014-12-08 at 17.15.27

Initial drawings No.2

Although I’m not sure exactly which images I’m going to use yet the method will still be the same.

Screen Shot 2014-12-08 at 17.53.24

Screen Shot 2014-12-08 at 18.04.09


These images are to represent how I will make up the picture I intend to use several pictures combined to make one entire picture. Then using processing to make it interactive I will write code so that it uses a camera to interact with people in a real physical space. My initial idea for how I will go about doing this but having the camera track the person and reacting to this by changing what is shown on the screen. This will be done by increasing or reducing the opacity of certain images.

Processing Interactive media project stage 3 (Analysis and design)


I have decided to change my idea and I am now going to progress with my second idea, this is because I think it has more chance of achieving prestige.

Lenticular Display

Lenticular display is a clever way of changing the perception of things

“by using This method relies on a display coated with a lenticular film. Lenticules are tiny lenses on the base side of a special film. The screen displays two sets of the same image. The lenses direct the light from the images to your eyes — each eye sees only one image. Your brain puts the images together and you interpret it as a three-dimensional image”.

To create this I wanted my piece of interactive media  to be along the theme of illusion so I set out looking for research, looking for inspiration to influence my ideas and help me progress my ideas.

I came across Tang Yau Hoong I was particularly interested in the art he had created which was along the theme of surrealism, illusion and using negative space.

I love the way in which Tan Yau Hoong uses visual imagery in a very clever way to create illusions

as you can see in this picture (below) this piece was called  the sound of nature each picture always has two key elements two it. Which is something I am very keen to use in my own art. For instance in this picture he has created an image which could be interpreted as either the frequency of a section of music or as tree’s and their reflection on the water.


I have always found illusions very intriguing as they spark my interest

From research gain a further understanding I learnt as is explained by (Weinschenk 2011) “Your brain creates these shortcuts in order to quickly make sense out of the world around you. Your brain receives millions of sensory inputs every second (the estimate is 40 million) and it’s trying to make sense of all of that input. It uses rules of thumb, based on past experience, to make guesses about what you see. Most of the time that works, but sometimes it causes errors”. 

A great example of this is this triangluar illusion.


triangles illusion


As pablo picasso puts it beautifully  “Art is a lie that allows us to approach truth, at least the truth that is accessible to us. It is up to the artist to convince his audience of the truthfulness of his lies”. This is a more general term using to describe art but I believe it fits well within the category of illusion.


Green, C., Daehner, J., Loreti, S. and Cochran, S., 2011. Modern antiquity. Los Angeles: J. Paul Getty Museum, p.26.

Strickland, J., n.d. Lenticular Displays – HowStuffWorks. [online] HowStuffWorks. Available from: [Accessed 13 Dec. 2015].

Weinschenk, S., 2011. 100 things every designer needs to know about people. Berkeley, CA: New Riders, p.10.

Processing interactive media project stage 2 (requirements)

Further Research into my shark idea


I’ve always had an interest in the ocean, just like space we still yet have so many questions left un-answered. So when I watched this video it made me happy to see science and design combined so that we need not kill something just because we don’t understand it.

My project is to create a piece of interactive media using processing. I am basing my project around a shark in a surreal environment. Doing research into sharks led me to this video which has given me food for thought of elements I can incorporate into my design.

Following on from this theme just something to make you chuckle. Apparently everyone loves a photo bomb even a shark.


From doing further research into lenticular displays it has come to my attention that their are several ways I can go about this project.

My initial idea is that I will take three images which I will create from scratch, I will compose them in photoshop to create the art and see how they align. Once I have reached this stage I will then have the images saved as three seperate images.

My idea from here is that I will use the public to interact with my piece of media. The peoples movement will represent the eyes. For instance if the person moves to the right the visuals will change (through a change in the opacity of the images). The same will happen for the left however if they stand directly in front of the camera. This will be the same as both eyes looking at the piece of art and all three images will be blended together creating a super imposed image made up of three images which displays as an illusion.

(note to self use this for further research and explaining the work)

Processing Interactive media project stage 1 (initial ideas)

Initial ideas and planning


For this project I had several ideas to begin with however it was required to be something that would meet the criteria of the brief.

So from this I narrowed my idea down too two main ideas. These were;

  • An interactive shark which moves in the background of the screen until someone from the public triggers it and it comes into the fore front. I like this idea as I have a fascination with the sea and I hadn’t heard anyone else was doing the same thing.
  • My other idea was to use the idea behind a lenticular display and re create it into a digital interactive version.

At this point in time I haven’t decided which idea I am going to progress with.