Processing Mind Map

For the work we did on the Independent Dorset poster I created a mind map  in Processing out of the notes I took in the seminar. The reason I did this is because I wanted to become more familiar with simple concepts in processing and programming in general. The mind map contains rectangles, lines and text. For each one I had to define the coordinates where I wanted the shape or text to be placed. It was useful because it made me think about functions and variables and how I could have saved time in defining each line and square. I came to the conclusion that using variables wouldn’t save much time as I would still have to add or subtract numbers to each one. Even if I had created a function I would still have to define the coordinates in the parameters. Maybe there is a way to do this but it is not something I am aware of.

I also explored the mouse hover effect and used this example on In the example it shows how to create a square and a circle, if you hover over the square the background changes colour and the same happens for the circle. I had to mess around with the code to make it suit my usage. I changed the size of the rectangle to fit in with my mind map and I got rid of the circle. Messing around with the code was valuable to me as I found it useful looking at somebody else’s code and changing things to see what happened. It helped me understand functions better and introduced me to the boolean variable which made me think about situations that boolean may be used.

If you hover over the “Dorset Independence” rectangle in the middle of the mind map, every rectangle changes colour. This is because each rectangle is assigned the same variable and the coordinates of the variable are set to the centre of the canvas, the result of this is that the rectangles change colour but only when you hover over the rectangle in the middle. What I wanted to do is make each rectangle change colour separately when hovered over. I’m trying to work out a way to do this where I don’t have to create a function for each rectangle as this is time consuming and would result in a lot of code.

Although this isn’t something which you would generally use processing for (it’s much less time consuming to use Microsoft word or Powerpoint or Photoshop) it wasn’t really the reason why I did it. I knew that it would take longer and I wouldn’t have even bothered to make the mind map had I not wanted to mess around with something on processing. It introduced me to new concepts and made me think “what will happen if I try this?” and that was useful to me.

This is the link to the original code I used –

This is a link to a live version of the mind map –


Design Iterations Seminar #1

Today we were assigned our first project. We were put into groups and the task is to design a poster for an Independent Dorset political campaign. The project is entirely fictional and it is an interesting concept. My group consists of Becky, Tom and Claudia. In our first seminar we were asked to begin to formulate an idea of what we think would be a good strategy for promoting the idea of an independent Dorset. We were asked to consider the audience and how we could get a good message across using images such as in the poster for Scotland’s independence referendum. In two weeks we will be showcasing the final designs in the foyer of Weymouth house. In the “Scotland Be Brave” campaign poster it was pointed out that there is a lot of symbolism of Scottish culture. Firstly, the woman is dressed in traditional Scottish clothes and is holding a traditional Scottish musical instrument. Also the woman has red hair. This suggests that the poster is aimed at people who are hereditarily Scottish or respect Scottish traditions, as red hair is a stereotypical feature of a Scottish person. This makes the target audience for the poster people who can relate to ‘being Scottish’, probably patriotic people who value their countries traditions and who are more likely to vote for an independent Scotland. url-1 However, the fact that the person in the picture is a woman makes the poster suggest that Scotland is a nation that is moving forward as historically the kilt and sporran was typically worn by males. This suggests that although Scotland doesn’t want to forget its heritage they are still progressing and value equal rights and ultimately those who vote for an independent Scotland are voting for progress. The ‘brave’ part of the text also signifies patriotism and reflects the emotions in the film Braveheart, where the main character Mel Gibson depicts Scottish hero William Wallace (the leader of Scotland in the war of independence) who stands up to a powerful enemy (England) and doesn’t back down and doesn’t let go of his values even when he faces death. Braveheart is arguably the most famous film ever made about Scotland. It also relates to Scotland being independent. groundskeeper-willie1 A kilt and sporran and red hair are all typical traits of a traditional Scottish person. The stereotype is even known as far as America, as is shown by the character Groundskeeper Willie in The Simpsons. braveheart-freedom Some of the themes Braveheart explores are freedom, honour, identity and bravery. In the seminar we started to come up with some ideas for our poster. For next week we need to have a rough sketch of our final idea. We wrote down a list of things that relate to Dorset and independence and I have put these into a mind map using processing. Screen Shot 2014-10-30 at 01.26.07


Braveheart, 1995. Film. Mel Gibson. USA: Icon Entertainment International.

The Simpsons, 1989. 20th Century Fox Television.