Sunday, August 26, 2007

Week 5: Turbulence

Image Hosted by ImageShack.us


URL: http://www.turbulence.org/
Turbulence is a website that has been supporting net based art for eleven years. The site is simple in design but is full of content. The net art on display is archived by year, going from this year back until 1996. I will be looking at three different artworks from Turbulence and discussing them.

Artwork 1 - The Saddest Thing I Own

URL: http://transition.turbulence.org/Works/saddest/index.php
The first artwork I examined was 'The Saddest Thing I Own'. It is a website that allows users to submit what the title suggests, the saddest thing they own. The majority of the submissions are serious in tone and sad. For example, the most recent submission is the death of a mothers son. To her, this is obviously the saddest thing she owns and she mentions that her son recently died of a heroin overdose.

Another submission is a shoe box that someone owns that contains things owned by their deceased grandmother. They mention that the smell always reminds them of their grandmother and that the items inside the box are a constant reminder of her.

The website is simple in design but very effective. It is an interactive work obviously, as the content is all user submitted. The site is simply a blog engine but has an appropriate theme to it and the submissions are very well written. The mood of the piece is sad and really makes you think of the more important things in life. It allows you to reflect on sad moments from your own life.

Artwork 2 - The Essence of a Nation: Chinese Virtual Persons on the Net

URL: http://www.turbulence.org/Works/XiaoQian/
The second artwork I viewed was very interesting. It was short and simple, but at the same time effective as it told many short stories by images and a small amount of text. It is about six virtual characters this artist has created and their lives are told briefly by clicking through different images.

The interesting twist is that the artist has pictures of real people but has used these images and faces to create virtual characters. So although these people are unknown to the artist and viewer in real life, their made up stories give them a new virtual life. The theme of this artwork reminds of playing an online game such as World of Warcraft, where you create a virtual character and this character sort of becomes your new life in the virtual world, even though your real life is much different. So this artwork to me is saying that you can have different lives, one in the real world and many in the virtual world.

The artwork is not very interactive and is very simple in design. However, I liked the idea of the work and sometimes artworks are good when they are brief and over and done with in a matter of seconds.

Artwork 3 - Self-Portrait

URL: http://transition.turbulence.org/Works/self-portrait/
The third and final artwork I viewed on Turbulence was called Self-Portrait. It is about the artist and their quest to find similar faces to his own through the millions of photos that have been uploaded to Flickr. Using facial recognition software, the artist has found many different people that are similar in looks, both male and female. It is interesting to search through the images and see the similarities between him and his closest matches and how the software compares faces.

It seems the software matches faces by length, width and height of noses, eyes etc. and the gaps between eyes, eyebrows etc. So a mathematical type formula is used. The people that were found to look similar are pretty accurate comparisons. This artwork is not very interactive and is pretty basic but is interesting to look through the different image comparisons none the less.

Turbulence is a very interesting website with some great artworks on display. I recommend this site to anyone interested in art or net based art. The three artworks I have talked about here are just a few examples of the great work that is on the site.

By Michael Angus (S2587197)

Sunday, August 19, 2007

Week 4: Interactive Project 1

This week I will be talking about what I will be doing for my first assignment. We are required to produce an experimental interactive narrative. I have decided to make my entire project in Flash and then embed each file into separate web pages, to create an interactive website.

Name: Captured

Idea: An interactive narrative named 'Captured'. From a first person view, you play yourself. Your eyes slowly open and you notice you are in a very dark room. The room is small and it looks as though there is no escape. Where are you? How did you get here? How are you going to get out of here? What is that noise? Through a click and point navigation, you need to discover where you are.

It will be a multi-linear interactive narrative, where the user has the choice of different directions. So the outcome will be based on the user’s choices. All endings will be different and each will put a dramatic twist on where you actually are. The atmosphere in the work will be dark and creepy, and visually it will be slightly distorted, fitting the suffocating theme. There are eight different endings, which uniquely reveal different stories about where you are. This gives the work a purpose, as users will want to see the different endings that they end up in.

The user will advance through the click of the mouse, but not by conventional arrows, instead they will have to search around with the mouse to find their next move. Other interactions will happen as well, with clickable sounds and short animations.

The location is a dark, claustrophobic mansion and ‘something’ has captured the user. Each ending reveals mind-blowing revelations about what exactly it is that is going on.

Tagline: ‘Captured: Where are you?’

Software: Flash, HTML & Photoshop. I will make each section using flash, and then embed each file into a separate web page so it will become a fully functional interactive website.

Layout:

Index: An opening animation/logo that serves as the title page for the narrative and that makes the user want to see more.

Home: You are in small, dark, claustrophobic room and you have just opened your eyes. You have no idea where you are, how you got here or how you are going to get out of here. You can hear a strange noise in the background that makes you nervous. You can either pick up the key on the floor and open the door or climb into the vent that is open in the ceiling of the room.

A: You are in a hallway in what seems to be a house. It is obviously night time and the noise you heard before is louder and seems to be getting closer. You panic and have to quickly make a decision to avoid whatever it is that is making the noise. Do you enter the nearest door in sight or run to the end of the hallway?

AA: After entering the nearest door, you encounter an unimaginable horror. The noise it makes is evil and you know you have to act quickly or it will kill you. Do you hit it with a nearby solid object or flash a nearby torch on it?

AB: After running to the end of the hallway, there is nothing but a painting on the wall. The painting appears to be movable. Your only choice to escape that noise you hear is to go behind the painting.

AAA: You decide your best option is to hit it with a solid object. Ending A is now visible.

AAB: You decide your best option is to flash a torch on it. Something happens to the monster and you are presented with a clear path to the next door that was previously blocked by the monster.

ABB: You are now behind the painting. All you can see is a vision of a horrifying monster. Is this a dream sequence? Your only way forward is to touch the monster.

AABA: You have now entered yet another hallway. At the end of the hallway are two doors. One to your left and one to your right, which one will you enter?

ABBB: After touching the monster, things appear to be getting stranger; you are now seeing a monster with a paintbrush next to it and it is starting to resemble the painting you just came behind. What is going on here? The only way forward again is to touch the monster.

AABAA: You have chosen to enter the left door. It is a large room with very little furniture in it. You notice there is a crack in the ceiling and a bright light is coming through it. You also notice an old gaming console in the corner of the room. Which one are you going to investigate?

AABAB: You have chosen to enter the right door. At the end of the room is a door that appears to be leading outside. There is a book on the table that is open. Which one are you going to investigate?

ABBBB: After touching the monster once again a mind-blowing revelation is discovered about where you actually are. Ending B is now visible.

AABAAA: After investigating the ceiling, a mind-blowing revelation is discovered about where you actually are. Ending C is now visible.

AABAAB: After investigating the old gaming console, a mind-blowing revelation is discovered about where you actually are. Ending D is now visible.

AABABA: After heading outside, a mind-blowing revelation is discovered about where you actually are. Ending E is now visible.

AABABB: After examining the book, a mind-blowing revelation is discovered about where you actually are. Ending F is now visible.

B: You decided to climb into the vent. It is very musty and full of cobwebs. There is a left turn and a right turn. Which way will you go?

BA: After turning left, there is a TV right in front of you. Your only choice is to touch it.

BB: After turning right, there is a camera looking at you. Your only choice is to touch it

BAA: You have touched the TV. A mind-blowing revelation is discovered about where you actually are. Ending G is now visible.

BBB: You have touched the camera. A mind-blowing revelation is discovered about where you actually are. Ending H is now visible.

Wow that may have been confusing, so here is a screenshot of how the narrative branches off into different endings:

Image Hosted by ImageShack.us


By Michael Angus (S2587197)

Sunday, August 12, 2007

Week 3: Useful Websites & Basic Link Website

In this weeks workshop we looked at some useful websites that allow you to download content, modify it and use it in your own work. We also looked at actor Jeff Bridges website and discussed how unique the site was and whether we liked it or not. Finally, we were asked to create a very basic site that links up several pages that contained our narrative exercise completed last week.

The useful websites we looked at were:

http://www.dhteumeuleu.com/
This website contains highly detailed animations and effects. The amazing thing about them however is not what they look like, but the fact that they are all coded with HTML and JavaScript rather than Flash. You can easily download the source code for a certain animation or effect and modify it so you can use it on your own project.

http://www.dynamicdrive.com/
This website has good effects as well but they are more basic and less flashy than the above. The site gives easy instructions on how to use the available content. There is a variety to chose from and most are simple to use and/or modify.

http://w3schools.com/
This website contains tutorials on how to code with HTML, JavaScript etc. I have used this site before and it is very useful when you need to know how to code something specific. It has both basic coding and advanced coding to learn.

http://www.jeffbridges.com/
We looked at actor Jeff Bridges website also. His website is different than most as most of it is hand drawn by himself, making his site very original. It has a very welcoming feel to it and sticks to a casual theme. From a technical standpoint it is nothing special, but creatively it is very unique. Since it is his own sketches, it makes the site very personal when compared to most other sites. Overall, I like the idea for a site dedicated to an individual.

Finally, I created a very basic website for my narrative exercise from last week. The main page has five different story branches. As you click on each, a new window opens and you begin that stories path. I used some simple style sheets that allow the linked text to change colour as you hover the mouse over it. The site functions well and at this stage is very basic.

Here is a screenshot of the index page:

Image Hosted by ImageShack.us

By Michael Angus (S2587197)

Week 2: Narrative Exercise

In this week’s workshop, we were given a narrative exercise where we had to come up with an object or word and write down sentences associated with whatever it was. Once this was done, we then had to form short stories based on these sentences and from them, branch out to different stories. My object was my box cutter from work and I ended up with fifteen different stories. I felt this exercise was very useful as it got the class thinking about interactive narratives and how to branch stories off into alternate directions to keep things interesting. It certainly got the creative juices flowing.

With a group of stories like this, I feel it could be easily turned into a net-based interactive narrative. I would create this with flash and upload each file to its own individual web page. Each flash file would contain each story, and each story would have animations in the background to help illustrate what is being said in the writing. Clicking on different buttons would send the user to another story that would be relevant to the individual button clicked. I would also include many extra buttons to play around with, as I find with online interactive narratives that people like to click on a number of different buttons and hear weird sounds and see little animations take place.

In terms of actually going about this technically, I would start with a background image in each flash file and then add the writing for each story on top in some creative way, such as trying to blend it in with the background. I would then gather sound files that are appropriate and embed them into each flash file. Buttons would be created, as with the animations and finally I would need to insert each flash file into separate web pages and link each web page to one another. This process would allow me to turn this type of exercise into a fully functional net-based interactive narrative.

In conclusion, I found this exercise to be very useful and relevant as it allowed for individual creativity and helped me practice branching out a story from a singular topic into many. Below I have inserted the narrative exercise that was completed:

Narrative Exercise 1

Object: My box cutter from work (1)

Image Hosted by ImageShack.us

Associations:

- Can cause painful cuts
- Newer ones have a sharp razor edge
- Older ones have a blunt razor edge
- Used to cut open boxes
- Kept in pocket
- Blade can be taken out easily
- They are cold when not being used
- Easily replaced
- Metal
- Simple to use

Can cause painful cuts (2)
Box cutters can cause painful cuts to the skin, especially the fingers. The stinging sensation remains for a number of days. A constant, ticking reminder that the box cutter is more dangerous than it looks, or is it the person who is using it?

The box cutter appears to be an innocent object, but not for an old employee working for the local supermarket. To him, this is an object of deceiving power and one that leaves a stinging impression on his fingers on a weekly basis. The painful cuts from weeks past make him more careful time and time again as he opens box after box. But it doesn’t work, as the box cutter always gets the last laugh.

Getting the last laugh (2.1)
Their laughing had tortured him for many years at school. His bullies of years gone by still haunt his mind. That was, until the ten year high school reunion. He finally came face to face with his tormentors. They were fat, bald and now shooting birds at the airport. He was a multimillionaire with a super model girlfriend. The last laugh was definitely his.

Multimillionaire (2.1.1)
For some, becoming a multimillionaire is a top priority in life; while for others having a family and being a good person is their top priority. The real challenge is aiming for a perfect balance between the two, where both take their place and combine for an almost perfect happiness.

Kept in pocket (3)
The box cutter is generally kept in ones pocket. The pockets can become so full with a combination of important objects and useless crap that it can become lost. Retrieving the knife can sometimes require pulling out everything just to retrieve it, wasting precious seconds of work time. The pockets momentarily become black holes where everything is sucked in and nothing comes back out.

Precious seconds (3.1)
Seconds go by very swiftly, but in an important moment of conflict the seconds seem to slow down, just like a pause button does to a TV. A hit man can relate, with his hands on the trigger and ready to pull. The seconds become very precious and indecision hits the mind of the killer. The soon to be victim has once last memory in their final seconds. 1, 2, 3, Bang….

Memory (3.1.1)
The detective asked the victim once again if he had recalled anything from the night of the accident. He could not remember anything; his memory was blurred after the night of events that took place. Finally something started coming back to him, and he soon realised that he was not the victim, but instead the killer.

Cold when not being used (4)
Working early in the morning is bad enough, considering how cold it can be. Touching the box cutter for the first time though, at the start of a shift, is colder than the surrounding environment. The icy touch of the box cutter signifies that work has not been done for a number of hours, and that work once again needs to be done.

Surrounding environment (4.1)
There is no surrounding environment for a World of Warcraft user; their only focus is on the computer screen. The outside world is forgotten, the dog barking outside is an orc yelling on the battlefield, and mom calling for dinner is a night elf in the virtual bank. The windows are closed and the room is in darkness. The only environment is inside the mind of the user and computer.

Darkness (4.1.1)
As he opened his eyes he soon realised he was in complete darkness. The suffocating feeling began and his breathing started to become louder and louder. There was no room to move, he was literally in a very tight situation. Air was running out, fast. How could this have happened? How could he have been buried alive?

Used to cut open boxes (5)
The box cutter may be a simple tool, but without it, boxes of food cannot be opened in a timely manner. This allows the worker to slice open the box in three fluid motions, one swipe right down the middle and one on either end. The sticky tape is broken and the Holy Grail containing baked beans is opened, ready to be delivered to its temporary location on the shelf. The opening of a box with a cutter almost feels like a piece of art.

Fluid Motions (5.1)
The fluid motions of a professional athlete are something to behold. Years of training and perfection have caused their movements to look almost robotic, allowing them to perform their chosen sports to the maximum level. These motions make it look too easy, something to be amazed at by some, envied by others.

Perfection (5.1.1)
Rob strived for perfection in everything he did. It consumed his life, hour after hour. Everything needed to be perfect. His room always had to be clean, his car spotless and his homework completed on time. He failed an exam the next day at school, finally failing after so long. It actually did him the world of good, as just then, for the first time in his life, he realised that it is ok to fail as long as you try.

Newer ones have a sharp razor edge (6)
The newest of box cutters contain a razor sharp edge. You would think a simple tool like this would be harmless, but in fact can become dangerous when accidentally sliced against the skin. The razor sharp edge is designed for swiftly opening the boxes, not slicing into someone’s skin. Yet this edge is often used for alternate uses, giving it more than one story aside from opening a box.

Accidental (6.1)
Her death was purely accidental; nothing could have been done to prevent this disaster from happening. Her father blamed himself for the accident. He did not see her in the rear view mirror, as the music was blasting loudly and distracting his mind. He never listened to that music again, as if passing on his guilt to the music that was ‘accidentally’ playing in the background.

Distracting (6.1.1)
The pickpockets in Las Vegas are very distracting. They will make sure they knock something in front of you before reaching in your pocket at the speed of light, so fast that you have know idea what happened. Then they run into you, in the small chance that you may have felt something, to again distract you. They fool the person they are stealing from, but they don’t fool the cameras that are constantly watching.

By Michael Angus (S2587197)

Week 1: Interactive Narrative Ideas & ‘Lonelygirl15’

In this week’s workshop, we introduced ourselves and went over the layout of the course. We were to come up with some possible ideas for interactive narratives and examine the ‘lonelygirl15’ phenomenon on YouTube.

Interactive Narrative Ideas

1. An interactive narrative based on the ‘six degrees of separation’ theory, which says ‘if a person is one "step" away from each person he or she knows and two "steps" away from each person who is known by one of the people he or she knows, then everyone is no more than six "steps" away from each person on Earth’ - http://en.wikipedia.org/wiki/Six_degrees_of_separation. In more simple terms, we all know each other some how or some way.
2. An interactive narrative where you wake up in some mysterious place disorientated and have to find your way around to discover how you got here and what it is that is going on.

Net Based Venues: message boards, websites, audio, flash and video.

‘Lonelygirl15’ Phenomenon

Image Hosted by ImageShack.us


This story showed me that narratives can be just as popular through online venues when compared to narratives in books and movies/TV shows. The blend of fact and fiction made it intriguing for people. The story was quite interactive as viewers noticed little differences in the background each episode, such as a poster changing and so on. I think what really hooked people at first is that they thought it was all real. When it was revealed to be fiction I think people realised how good this type of narrative can be. The great advantage of it however is that it allows almost anyone to do it as it is cheap and only requires basic technology skills. It also made the creators and actors fairly well known around the world.

By Michael Angus (S2587197)