Final project

Ideas and Research

I found this design work by Clio Chaffardon "France". I really liked the idea that he asked people living in France to draw an outline of the France from their memory and then he assembled it in to the design piece. I think it is always interesting to see not just the creativity of the designer, but also see how author can use creativity produced by the audience in his work.

This is interesting flash website, where you can change different parts of face by clicking on them and create new mono face. I came across this interactive website when looking at to 100 flash websites. I think flash is an interesting tool that allows web pages to be even more exciting and interactive.

I wanted to get my audience to participate in my design the same way Clio Chaffardon did. I asked my class mates to draw an image of them selves on white sheet of paper with black markerpen. You can see what they came up with in here:

For my final project I chose the theme of people. For my audience I chose my classmates.

I managed to collect 22 self portraits

I assembled everyone around the globe in the Photoshop.

This is my 3D prototype of the page. The planet can spin around, and anyone can change the postion of people who are on the top of the world. Empty message spaces represent the Input text, that people can leave their messages in.

When planning this project I intended to create a flash page that could go online and people could write and leave their messages on this page, but unfortunately I would need to run a server wich would store the information. As I am only starting to use flash and understand codes, I researched about simple text input in flash and use it as flash prototype.

To make planet rotate I used part of this tutorial for Flash.

I imported PNG file made in photoshop in to the Flash. To change the size of the image I used Free Transform. I converted the bitmap image in to a symbol (movie clip) and gave it an instance name.

On separate layer I drew a circle and also converted it into a symbol (button) and gave it an instance name.

Then I created third layer and named it 'actions'. Selected the first frame and opened the actions panel where I typed in code from tutorial.

button1.onPress = function() {
planet.onEnterFrame = function() {
this._rotation += 3;
}
}

button1.onRelease = function() {
delete planet.onEnterFrame;
}

This code only works in ActionScript 1 and 2.

This is a screen shot of planet with two rotation buttons. I also swapped the symbol for another symbol with more detail on the planet.

This is a screen shot of my final flash movie. I submitted a cd with flash, html and swf file on the cd.