Tuesday, December 21, 2010

Coding possibility

Below is a rough outline of how jQuery will be used to handle the image switching, where variable i is set depending on which button is clicked.

Note: This doesn't detail on how buttons will be handled, i.e. displayed and subsequently hidden.
This is just for image loading.

1st Choice
Button 1 - i = 2
Button 2 - i = 3

2nd Choices
Button 3 - i = 4
Button 4 - i = 5

Button 5 - i = 6
Button 6 - i = 7



Each button will have the same class of "button" so as to call the same click method.

$("button").click(function (i) { //where i is received from the method responsible for setting var i.
    
    switch (i){
        case 2:
             $("#choice1").load(/images/02.jpg); //#choice1 is an empty div where images will be placed
   
        case 3:
         .....
//so on and so forth for each possibility of i (2 - 7)

   }
)};


- T.J.

Thursday, November 18, 2010

Story Paths

Below is a diagram for the path our story will follow.
Doing this step first allows us to work on the programming and plot simultaneously as we are following a set structure which we can't deviate from.


The days represent the timeline that the story will follow.


 - T.J.

Thursday, November 11, 2010

The main character(user) has decisions to make throughout the story

The final outcome will depend  on what path he(user) decides to choose

Roy

Characters

There are 3 main characters
  1. The man that makes the decisions(name to be developed)
  2. The mansLiver
  3. The mans inhibition
-ROY

Project Proposal-T.J

Description:

Dare 2B Drink Aware is seeking entries for multimedia projects to do with their drink aware campaign. The project must deal with the concept of drink aware and have an interactive element in order to better engage the user and satisfy the guidelines.

“Multimedia can use any combination of text, sound, video, animation and interactivity although all entries must have an element of interactivity. Entries could take the form of a website, Interactive CD Rom, Gaming project, Mobile Phone App etc. Keep in mind the popularity of social media as a major communication channel for your peers” - http://www.dare2bdrinkaware.ie/competiton-guidelines

Solution:
The idea is to create an interactive comic that deals with the aspect of being drink aware. The core concept of these comics will be the dynamic of choice.
The stories will use humour as a delivery mechanism for the message. Incidents in the comic will be relatable and the idea is that once you see them, you might recognise such a situation when having a few drinks, and hopefully encourage extra thought before making a decision.
Choice is important in that it influences the outcome of the comic. Within each comic there will be a number of choices (usually 2 or 3). When the user selects a choice, the story adapts and a new panel reflecting their choice is loaded.
There are 3 main characters in the story. The young lad who goes out drinking with the lads etc… You make his decisions, and the effects are reflected in the other 2 characters; his intuition and his liver.
His intuition shows the psychological effects of his actions while the liver reflects the physical aspect.
This will be achieved using illustration, web design (to house the comics) and JavaScript to handle selection of choices and loading the appropriate images.
Possible layout/functionality:


Summary

• Project will represent the choices and the resulting possible consequences in a humorous light to avoid lecturing the viewer.
• Target audience is anyone who’s had experience with nights out.
• Main message is that of choice, and how ultimately it’s you who has the control of how well a night goes, not the drink. Consequences go deeper than embarrassment as is evident by psychological and physical cues.
• The medium will be a series of comic panels on a website, with the possibility of becoming a short animation if successful enough.
• Tools: Internet Access, Adobe Illustrator, Adobe Photoshop, basic text editor for coding the site. (e.g. Notepad++) We have access to these tools at college and at home.

Comic Paper Prototype

Paper prototype for website layout, navigation and comic choice system.





- Roy