/FallingSandpaper/assets/instructions.html

http://thelements.googlecode.com/ · HTML · 44 lines · 44 code · 0 blank · 0 comment · 0 complexity · 3e36fa746a47618df9f096222c58a94f MD5 · raw file 

    

  1. <html>
    2. 

  2. 	<head>
    3. 

  3. 	<title>How to Play The Elements</title>
    4. 

  4. 	<style>
    5. 

  5. 	body
    6. 

  6. 	{
    7. 

  7. 		background: black;
    8. 

  8. 		color: white;
    9. 

  9. 		font-family: Verdana, Arial, sans-serif;
    10. 

  10. 		font-size: 10px;
    11. 

  11. 	}
    12. 

  12. 	</style>
    13. 

  13. 	</head>
    14. 

  14. 	<body>
    15. 

  15. 		<h1>How to Play The Elements</h1><br />
    16. 

  16. 		<h2>The Basics</h2><br />
    17. 

  17. 		The Elements is a sandbox type game, meaning there is no objective, you just play around with the elements and explore the interactions between them. 
    18. 

  18. 		To place elements on the screen, simply touch within the work area. That's all there is to it! For a more detailed guide on all the different tools, read on...<br /><br />
    19. 

  19. 		<h2>The Tools</h2><br />
    20. 

  20. 		There are two different modes for this game: ui and non-ui. The game automatically starts out with the ui enabled, however you can toggle between ui and non-ui in the preferences screen. 
    21. 

  21. 		Read about how to get to the preferences screen in the Menu section.<br />
    22. 

  22. 		<h3>UI</h3>
    23. 

  23. 		First, lets take a look at the ui mode. There are two bars, one at the top, and one at the bottom. The top bar contains the following tools in order: 
    24. 

  24. 		Eraser, Play/Pause, Save, Load, Load Demo, and Exit. Both the Eraser button and Play/Pause button are toggle buttons, meaning they toggle between two states. 
    25. 

  25. 		When you press the eraser button, the selected element is switched to eraser and the current element is saved. When you press it again, the selected element 
    26. 

  26. 		switches back to the saved element. When you press the Play/Pause button, it switches to pause, so that the elements stop falling and reacting. Once pressed again 
    27. 

  27. 		it switches back to play mode, and the elements continue interacting and falling. The other four buttons are self explanatory, and simply do what the name suggests. <br /><br />
    28. 

  28. 		The bottom bar has only two objects: the Palette and the Brush Size Slider. The palette button brings up a menu to select an element. The Brush Size Slider is used to set the brush size 
    29. 

  29. 		ranging from a radius of 1 to a radius of 32.<br />
    30. 

  30. 		<h3>Non-UI</h3>
    31. 

  31. 		The other mode is the non-ui mode. This mode is much simpler than the ui mode, but does take a little longer to access the tools. In non-ui mode, the entire screen is devoted to the work area, 
    32. 

  32. 		giving you a little extra room to work, with less clutter. However, you still have access to all the same tools via the menu.<br /><br />
    33. 

  33. 		<h2>The Menu</h2>
    34. 

  34. 		When in non-ui mode, all of the tools normally in the two bars are moved into the options menu. In ui mode, only a few tools that were not included in the bars were kept in the options 
    35. 

  35. 		menu. In order to access the options menu, simply press the menu button. The three options not incorporated in the ui mode are: Clear Screen, Toggle Size, and Preferences. Clear Screen simply clears the screen, 
    36. 

  36. 		Toggle Size toggles between zoomed out (which runs slower) and zoomed in (the default that runs faster), and Preferences, which will be discussed in the next section.<br /><br />
    37. 

  37. 		<h2>Preferences</h2>
    38. 

  38. 		Preferences allow you to customize Element Works to best suit you. The following options are included: background color, flip screen, and toggle ui. Background color allows you to switch between a white and black background. 
    39. 

  39. 		Flip screen should only be used if nothing shows up when you try to draw. This is known to occur on the <b>HTC Tattoo</b>. Toggle ui toggles whether you are in ui-mode or non-ui-mode.
    40. 

  40. 		<h2>Custom Element Maker</h2>
    41. 

  41. 		The Custom Element Maker allows you to edit an element to make your own custom one.  You can choose how it will react with each element using pre-defined reaction types.  The first element in the reaction type represents the element
    42. 

  42. 		that the custom element will act like. 
    43. 

  43. 	</body>
    44. 

  44. </html>
    45.