Recent changes to Menu Editor

Menu Editor modified by Chris

Chris — Wed, 16 Sep 2015 08:04:07 -0000

--- v2
+++ v3
@@ -2,3 +2,64 @@

 ![](http://i62.tinypic.com/25ey920.jpg)

+Upon load the Menu Editor you are presented with a default scene containing one item. The default item is a yellow sqaure that covers the entire preview pane. This is typically an image you would use for a back ground. You can resize the default image into a smaller item for use with something such as a HUD.
+
+Each menu/HUD is made up of individual items. Every item is a visual representation of a different element in your menu/HUD.
+
+**Add a new item**
+
+On the general tab press the "New Item" button.
+
+A new item is added and appears in the selection list. To make changes to an item you need to first select it by clicking its name in the selection list.
+
+** Remove an item **
+
+Press the "Remove Item" button
+
+**Resize and Reposition item**
+
+The width and height number boxes control the items width and height. The X and Y number boxes control the position of the item. The (0,0) coordinate is the bottom left of the screen. ** Important note - the menu editor does not use screen resolution but scales the image by 1/1000th of the screens resolution. You cannot enter values greater than 1000. (500,500) would represent the center of the screen and (1000,1000) would be the top right of the screen.
+
+**Active items**
+
+To make an item active select the item from the selection list then check the active box. By default an item is inactive. Active items will not interact with the mouse and will only show the default image.
+
+**Hide an item / make invisible**
+
+If you wish to hide an item from the scene uncheck the visible box.
+
+** Change an items image(s) **
+
+Select the item from the selection list then click the Images tab. The image tab has three image options.
+
+Default - The default image displayed. This is the image displayed on an inactive item or when the mouse is not inside the item.
+
+On Enter - The image that is displayed when the mouse enters the items area. You can use this create special button effects when you scroll the mouse cursor over an item.
+
+Pressed - The image that is displayed once you click the item.
+
+** Text generator **
+
+You can use the text generator to automatically generate a text image for an item. Select an item from the selection list then click the Text Creator tab. On the text creator tab you will see three colored boxes. You can click each box to change its color.
+
+Default - The default color of the text.
+
+On enter - The color of the text when the mouse enters the text area.
+
+Pressed - The color of the text when you click it.
+
+Just below the "change font" button is the text message box. Type text into this box a preview will appear below the color selection box.
+
+Press the "change font" button to select a new font and size. It is recommended you use a large font size. The image created is based off the font size. Small font sizes will not scale well on larger screens and will appear pixelated and in some cases unreadable.
+
+**Creating the text image**
+
+Once you are satisfied with your text. Click the "Create" button and the images will be saved to the currently selected item.
+
+** Previewing your menu/HUD **
+
+Check the preview box at the bottom of the editor. Now you can scroll the mouse over preivew pane and see how the items will look when interacting with the mouse.
+
+** Save and Load menu files **
+
+To save a file select save from the file menu. Give the file a name and select okay. When saving a file be sure to choose an empty directory.  All of the images associated with the menu file will be save in the same directory as the menu file. To load the file select load from the file menu. You can also clear the current menu by selecting new from the file menu.

Menu Editor modified by Chris

Chris — Wed, 16 Sep 2015 07:36:06 -0000

--- v1
+++ v2
@@ -1,43 +1,4 @@
-Basic instructions.
+A brief overview of the Menu Editor

-The editor starts with one sprite loaded called default. The default image is yellow and fits the entire screen.
+![](http://i62.tinypic.com/25ey920.jpg)

-Add a new sprite
-
-Click "New Item" under the general tab
-
-Resize and move a sprite.
-
-Under the general tab
-
-Width and height values determine the sprites size. The X and Y value determines the sprites location. The home coordinates (0,0) start from the bottom right of the screen.
-
-** Note the position and size system are based of 1/1000th of your screen size. You will not be able to enter a value greater than 1000 or less than 0. The images are resized dynamically based of the monitors size using a 1/1000 ratio.
-
-Select a sprite
-
-Under the general tab select the sprites name on the list box located at the bottom.
-
-Remove a sprite
-
-Under the general tab press the Remove button.
-
-Loading images.
-
-Under the image tab you have three buttons. Default , On Enter and On Press. Selecting each button will open a dialogue where you can choose an image file.
-
-Default - the image displayed on the sprite by default
-
-On Enter - the image displayed when the mouse has entered the sprite area.
-
-Press - the image displayed when you click the sprite ** this feature has not been added to preview mode.
-
-Active and Visible check boxes.
-
-Check the visible box to make your sprite visible or invisible.
-
-The active check box determines if you want your sprite to react to mouse movements. By default every sprite is inactive. Turning on active will allow you to interact with the sprite using the mouse **in preview mode
-
-Preview mode
-
-Activating preview modes allows you to see preview how your sprites will interact with the mouse. Scroll over the sprite in preview mode and the on enter image will be displayed.

Menu Editor modified by Chris

Chris — Sun, 13 Sep 2015 22:20:27 -0000

Basic instructions.

The editor starts with one sprite loaded called default. The default image is yellow and fits the entire screen.

Add a new sprite

Click "New Item" under the general tab

Resize and move a sprite.

Under the general tab

Width and height values determine the sprites size. The X and Y value determines the sprites location. The home coordinates (0,0) start from the bottom right of the screen.

** Note the position and size system are based of 1/1000th of your screen size. You will not be able to enter a value greater than 1000 or less than 0. The images are resized dynamically based of the monitors size using a 1/1000 ratio.

Select a sprite

Under the general tab select the sprites name on the list box located at the bottom.

Remove a sprite

Under the general tab press the Remove button.

Loading images.

Under the image tab you have three buttons. Default , On Enter and On Press. Selecting each button will open a dialogue where you can choose an image file.

Default - the image displayed on the sprite by default

On Enter - the image displayed when the mouse has entered the sprite area.

Press - the image displayed when you click the sprite ** this feature has not been added to preview mode.

Active and Visible check boxes.

Check the visible box to make your sprite visible or invisible.

The active check box determines if you want your sprite to react to mouse movements. By default every sprite is inactive. Turning on active will allow you to interact with the sprite using the mouse **in preview mode

Preview mode

Activating preview modes allows you to see preview how your sprites will interact with the mouse. Scroll over the sprite in preview mode and the on enter image will be displayed.