Wednesday, 29 May 2013

Creating the Info Page

To help me create the design to the information page I'm going to use the layout I used for my 3D Sound Toy. Of course the information and content will be different but the explanation of the Interface elements and Controls will remain. Firstly though, I need to develop the Interface elements that will be shown ingame and on the info page, and also structure out what is going to be exactly shown on the page itself. The spaced out text below shows the skeleton of what I'm going to be displaying to the user on the info page.
Cure Logo
   Input Controls 
  • [IMG] Use W-A-S-D to move the Main Character around the Environment 
  • [IMG] Click the Left Mouse Button to fire an arrow in the direction of the crosshair
  • [IMG] Use the Space-Bar to jump around the environment
 In-Game Icons
  • [IMG] This displays how much health the Main character has left
  • [IMG] This is the Crosshair for aiming towards your target.







After much spacing out and resizing I have finished what I needed to explain on my information
page. As you can see by looking at the image to the right I have taken out the initially proposed "Ingame Icons" section. I did this because I felt that it's general video game etiquette to understand what a crosshair/health bar is. If somebody came across and didn't understand those icons with some trial and error they quickly would.
The other (minimised) image to the right is the code that I used for laying out the info page, the key differences to the previous info page I did for the 3D sound toy is the paragraph text I had to implement, the logo and the new exit button.

No comments:

Post a Comment