Friday, 3 December 2010

Interactive Space

We were given 3 weeks to create some kind of story. But instead of your usual linear story, we had to make it interactive and let the user make decisions which could affect the outcome.

In order for the interactive part of the project to work, we were taught the basics of HTML. Luckily for me, I was already quite competent with HTML and CSS so that could lead me to focus on the other parts. Such as story, and the picture quality.

The whole project was created in Adobe Dreamweaver CS4, and the pictures needed to be edited and compressed in Adobe Photoshop CS4. Again, I have already had a lot of experience using both these software, so it wasn't too difficult to get things done.

I didn't come across too many problems along the way, the task was quite simple. The hardest part was coming up with an original story, which would stand out from the rest. I decided to use a character I made a few years ago from an animation I created (Socially Awkward Alan. You can see the cartoon once you have finished the game!). I thought it would be a bit different and quirky if I could add someone/thing from the 'cartoon world' and put them in our own. Now that I had one concept sorted, I needed to actually think of a story. I finally ended up creating a slasher/horror story, but with a twist. I wanted to add some comedy to the project, so I made Alan the slasher, and when he catches you, he kicks you in the groin; the whole point of the story is to avoid the groin shot, and to somehow kill him.

There were a few things I would definitely change if I were to do this project again. I would make sure to use a better quality camera. I ended up using a camera phone, for no better reason other than the fact I was being lazy. I didn't want to have to walk through the cold to get a camera, and have to walk all the way back to Waverley.


Here are a few screenshots of my work, be sure to check out the full game at http://www.makingnewmaps.com and click on my wonderful face.


**SPOILER ALERT**



Click for larger images.

No comments:

Post a Comment