Posts

Finished Scenes (Graphics & Background)

Image
I created the graphics for my scenes using Adobe Illustrator, I used this program because it enables me to draw vector images that won't become pixelated once resized. This allows me to ensure the graphic fits the stage in Adobe Flash without it looking blurry or unprofessional. These background's/graphics may differ slightly from my original storyboard however these still fit the story well. Start Menu, including buttons that navigate you to the instructions, credits and game Instructions explaining a bit of background story and the arrow navigation used in the game Credits Start to the game, entering door of the Maths classroom Entering the Maths class Bored student Teacher explaining Maths problem Student uses phone because of boredom Phone begins to ring exposing the student Teacher reminds student that phones are not allowed and punishes student Takes phone away from student Locks phone away in box ...

Digital Plan

Image
This flowchart shows how each scene is linked to each other via navigation buttons. In total I used 28 scenes where scene 23 is the 'detention scene' and scene 24 is the 'congratulations screen'. A flowchart is a good way to explain my concept rather than attempting an explanation without a visual aid.

Adding the questions section

Image
Taking these questions from a year 7 revision site, I made my questions section of the game. For each scene, I used this code. However I had to alter it slightly each time so that I would not have any errors with repeating names or running two functions with the same name every time. Code stop(); var CorrectAnswer:Number=3; var Count:Number=1; Submit_btn.addEventListener(MouseEvent.CLICK, onClick); function onClick(event:MouseEvent):void{ var InputtedAnswer:Number = Number(Answer_txt.text); if (Count==3){ gotoAndPlay("Scene 23") } if (InputtedAnswer == CorrectAnswer){ gotoAndPlay("Scene 14") } else { MessageResult_txt.text = " Incorrect, Try Again"; Count++ } } Code Explained The variable 'CorrectAnswer' is assigned to the correct answer to the question The variable 'Count' is assigned to one When the submit button with the instance name submit_btn is clicked it activates th...

Illustrated Buttons

Image
These are the graphics I drew and used as buttons for my interactive story. Arrow used to navigate through scenes School Bell used as exit button on 'Start Screen' and graphic on scene   Classroom door used on 'Start Screen' to start the story (Allows the user to enter the classroom) Draw opens showing paper when hovered, the draw acts as a button that takes you to the Maths questions

Prototype to Finished Project

Image
After making my cardboard box prototype, I gained a better idea on the exact measurements needed  for my actual box. Therefore, I decided to draw an Orthographic diagram which included my measurements. This drawing is not to scale. Moreover, it has been drawn on 2mm squared paper - therefore each square is equal to 0.5cm. Using these measurements I began to prepare my box: The wooden box I had ordered off Amazon was unfinished and therefore was quite rough. Therefore,  I sanded it s using 40g/m^2 sand paper.  Next I created the line for my keypad to slot through. Using a power drill, I created a straight 7.5cm line of 2mm holes which became a line using a number of other tools. Using a 4mm drill bit, I drilled two holes for my LED's to fit through on my lid and a 15mm hole on the side for my power cable. On my orthographic drawing this hole is displayed on the font of the box however, after some thinking I decided that it would be better suite...