Page 1

Jack Proctor Prototyping and Interactive Experiences Submission 1

Background Research Relating to Site and Audience The Brief requires that the student design a technological intervention, which will provide a solution to a real world issue. In order to address this, the student consulted friends and colleagues, asking what issues they would like a solution to. As the student has a keen interest in film and cinema, he was enthusiastic when presented with a request from a friend which related to this topic. Max is a tattoo artist at Main Street Tattoo in Wishaw, Scotland. He is an avid Star Wars enthusiast, and would very much like to do more Star Wars themed tattoos. However, he finds that this is not something for he receives a great deal of requests, and his within location in the shop makes it difficult for potential clients to see him or his work station.

If the client’s attention was drawn more to this area, it would perhaps facilitate a conversation, establish similar interests, and potentially lead to more Star Wars themed tattooing for Max. A video of the prototype in action can be downloaded from: xz7op5c71j1oqfn/SoqysKNgZn

Consideration for Imagery Contextualizing Your Solution In order to ensure that he could generate a realistic and achievable solution, the student first sketched ideas and possible interface solutions. He felt that it was important not to design a game that was merely Star Wars themed, but also one that prompted discussion, as this could serve as ice-breaker between Max and his potential client. The student therefore chose to style his game on that of a quiz or ‘personality type’ theme. His vision for this was one that entailed the user moving and object to select and answer in response to on-screen questioning. The Follow sketches demonstrate his idea.

Evidence of Appropriate Use and Comprehension of Technology Problem: The student spent a great deal of time trying to turn his concept into reality. He very much wanted to have the user interact with a disguised mouse in order to generate his/her answer. However, he eventually had to accept that his processing knowledge and skill level to date, was adequate to meet this demand. Whilst he was able create a code which facilitated image selection in relation to the cursor’s -x and -y axis, and also load random images (containing questions), he could not establish a method of collating answers and consequence using this approach. Solution: After further research, he was able to create the desired interaction via key press in response to on-screen image/text prompting.

The Game: The game is titled, “Are you a Jedi or a Jar-Jar?�. It begins by prompting the user (via text) to find out by answering a series of questions by pressing either (Y) or (N). When they have answered all of the questions, they are told whether they are a Jedi (desired result) or a Jar-Jar (undesired result) depending on the answers that they gave. Target User: The interface is designed to attract the attention of the Target User, namely those keen on Star Wars and tattoos. The use of shiny silver paper against black, and positioning of a familiar Star Wars character nearby, promotes familiarity.

The Code int myState = 0 ; int op = 0 ; int ra = 5; int x = 16; int yes = 0; int no = 0; PFont W ; PImage hans ; PImage Yoda ; PImage name; PImage luke ; PImage lightsabre ; PImage cookie ; PImage cool ; PImage notcool ; PImage Padme ; void setup(){ size(600,500); W = createFont(“Revalia-Regular. tff ”,200) ; hans = loadImage(“hans.jpg”) ; Yoda = loadImage(“Yoda.jpg”) ; name = loadImage(“name.jpg”) ; luke = loadImage(“luke.jpg”) ; lightsabre = loadImage(“lightsabre. jpg”) ; cookie = loadImage(“cookie.jpg”) ; cool = loadImage(“jedi.jpg”); notcool = loadImage(“jar-jar.jpg”); Padme = loadImage(“Padme.jpg”); }

void draw() { background(0); switch(myState) {

op = op + ra; if(op > 100) { ra = -5 ;} if(op < 0) { ra = 5;} fill(0); rect(x-2000,350,10000,60); break;

case 0 : fill(0); rect(20,70,600,50); fill(255); case 1: textFont(W,40) ; image(hans,0,0,600,500); text(“Are You a Jedi or a Jar-Jar?”, break; 35,100) ; textFont(W,30); case 2: text(“To Find Out,”,125,200); image(Yoda,0,0,600,500); text(“Answer The Following Questions With”,27,250); break; text(“’Y’ For Yes And ‘N’ For No”,125,300); case 3: fill(0); image(lightsabre,0,0,600,500); rect(x,60,600,50); x = x + 5; break; fill(0); rect(x-600,150,10000,60); case 4: fill(0); image(Padme,0,0,600,500); rect(x-1200,200,10000,60); fill(0); break; rect(x-1800,260,10000,60); fill(0); case 5: textFont(W,30); image(cookie,0,0,600,500); fill(255,op) ; fill(0); text(“Press ‘C’ To Continue”,125,400,600); break;

case 6: image(name,0,0,600,500); break; case 7 : image(luke,0,0,600,500); break; case 8: image(cool,0,0,600,500); break; case 9: image(notcool,0,0,600,500); break;



} if(myState > 7) { if(yes > 3) { myState = 8 ; } if(myState > 7) { if(no > 3) { myState = 9 ;}} println(mouseX + “,” + mouseY) ;

Final Prototype

Jack Proctor Prototyping and Interactive Experience

Jack Proctor PIE Game  
Jack Proctor PIE Game