Wikiadmin at 17:34, 22 January 2021

2021-01-22T17:34:00Z

Wikiadmin at 17:24, 24 May 2020

2020-05-24T17:24:39Z

Wikiadmin: Created page with "The ''HUD Editor'' is used to place sprites, text and video that will be displayed on screen, such as score, a health bar or pop-ups. To create the HUD, go to the..."

2020-05-24T13:02:21Z

Created page with "The ''HUD Editor'' is used to place sprites, text and video that will be displayed on screen, such as score, a health bar or pop-ups. To create the HUD, go to the..."

New page

The ''HUD Editor'' is used to place sprites, text and video that will be displayed on screen, such as score, a health bar or [[Pop-Up|pop-ups]].

To create the HUD, go to the [[HUD Editor|HUD Editor]] by selecting the [[File:ToolBarHUDEditor.png|link=]] icon on the [[Tool Bar|Tool Bar]].

[[File:HUDTools.png|link=]]

===[[File:HUDToolsSprite.png|link=]] Sprite===

Add a sprite - select from the list displayed and drag into position using the mouse. Sprites can be used to display data, eg a row of player sprites showing lives left or a health bar changing length. <span style="color:#008CC9;" class="mw-customtoggle-Sprite">[+Show more]</span>
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-Sprite">

{|
!rowspan="13" style="width:260px;vertical-align:top;" |[[File:HUDSprite.png|link=]]
|style="width:200px;" |'''Sprite'''
|style="vertical-align:top;" |Sprite to display
|-
|style="vertical-align:top;" |'''Position'''
|style="vertical-align:top;" |Position of the sprite - change values or select and drag using gizmo to move
|-
|style="vertical-align:top;" |'''Rotation'''
|style="vertical-align:top;" |Rotation of the sprite
|-
|style="vertical-align:top;" |'''Scale'''
|style="vertical-align:top;" |Scale of the sprite
|-
|style="vertical-align:top;" |'''Full Screen'''
|style="vertical-align:top;" |Check box to make the sprite full screen
|-
|style="vertical-align:top;" |'''Horizontal Centre'''
|style="vertical-align:top;" |Check box to centre sprite on screen
|-
|style="vertical-align:top;" |'''Draw Depth'''
|style="vertical-align:top;" |Used to set whether sprites are in front of or behind each other
|-
|style="vertical-align:top;" |'''Colour'''
|style="vertical-align:top;" |Use sliders or click colour panel to open selector
|-
|style="vertical-align:top;" |'''Entry/Exit Effect'''
|style="vertical-align:top;" |Set text to fade or move in and out
|-
|style="vertical-align:top;" |'''Value'''
|style="vertical-align:top;" |Select game data to be displayed eg score, health
|-
|style="vertical-align:top;" |'''Format'''
|style="vertical-align:top;" |Format for sprites eg horizontal or vertical row (for lives), truncate horizontal or vertical (health bar)
|-
|style="vertical-align:top;" |'''Custom'''
|style="vertical-align:top;" |Eg if max health is 80, select Format ''truncate 0-custom'' and set Custom to 80 so the full health bar sprite will show at health 80 and it will truncate as health decreases, so half will be shown at health 40.
|-
|style="vertical-align:top;" |'''Click by'''
|style="vertical-align:top;" |Set which players can click this sprite
|}</div>

===[[File:HUDToolsText.png|link=]] Text===

Add text to the HUD - drag into position using the mouse. Text can be fixed or used to display data such as score or lives. <span style="color:#008CC9;" class="mw-customtoggle-Text">[+Show more]</span>
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-Text">
{|
!rowspan="9" style="width:260px;vertical-align:top;" |[[File:HUDText.png|link=]]
|style="width:200px;" |'''Text'''
|style="vertical-align:top;" |Text to display
|-
|style="vertical-align:top;" |'''Position'''
|style="vertical-align:top;" |Position of the text - change values or select and drag using gizmo to move
|-
|style="vertical-align:top;" |'''Horizontal Centre'''
|style="vertical-align:top;" |Check box to centre text on screen
|-
|style="vertical-align:top;" |'''Font'''
|style="vertical-align:top;" |Select font style and size
|-
|style="vertical-align:top;" |'''Colour'''
|style="vertical-align:top;" |Use sliders or click colour panel to open selector
|-
|style="vertical-align:top;" |'''Entry/Exit Effect'''
|style="vertical-align:top;" |Set text to fade or move in and out
|-
|style="vertical-align:top;" |'''Data'''
|style="vertical-align:top;" |Select game data to be displayed eg score, health
|-
|style="vertical-align:top;" |'''Format'''
|style="vertical-align:top;" |Format for text eg plain text, time
|-
|style="vertical-align:top;" |'''Click by'''
|style="vertical-align:top;" |Set which players can click this text
|}
</div>

===[[File:HUDToolsVideo.png|link=]] Video===

Add a video - select from the list displayed.

===[[File:HUDToolsTouch.png|link=]] Touch Controls===

Add touch controls for the game - these will only be displayed when touch controls are selected for the game in [[Settings|Settings]]. Select a sprite for the control from the list displayed and drag into position using the mouse.<span style="color:#008CC9;" class="mw-customtoggle-Controls">[+Show more]</span>
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-Controls">

{|
!rowspan="9" style="width:260px;vertical-align:top;" |[[File:HUDControls.png|link=]]
|style="width:200px;" |'''Type'''
|style="vertical-align:top;" |Type of control eg Left Analog, Button 1
|-
|style="vertical-align:top;" |'''Sprite'''
|style="vertical-align:top;" |Sprite for the control
|-
|style="vertical-align:top;" |'''Sprite Thumb'''
|style="vertical-align:top;" |Shows thumb position on the control for analog stick style controls
|-
|style="vertical-align:top;" |'''Position'''
|style="vertical-align:top;" |Position of the control - change values or select and drag using gizmo to move
|-
|style="vertical-align:top;" |'''Rotation'''
|style="vertical-align:top;" |Rotation of the control sprite
|-
|style="vertical-align:top;" |'''Scale'''
|style="vertical-align:top;" |Scale of the control sprite
|-
|style="vertical-align:top;" |'''Draw Depth'''
|style="vertical-align:top;" |Used to set whether sprites are in front of or behind each other
|-
|style="vertical-align:top;" |'''Colour'''
|style="vertical-align:top;" |Use sliders or click colour panel to open selector
|-
|}</div>

===[[File:HUDToolsPopup.png|link=]] Pop-ups===

[[Pop-Up|Add a pop-up]].

===[[File:HUDToolsProperties.png|link=]] Properties===

Used to set page display duration (not used by the HUD Editor as it is always displayed).

← Older revision		Revision as of 17:34, 22 January 2021
Line 139:		Line 139:

	Used to set page display duration (not used by the HUD Editor as it is always displayed).		Used to set page display duration (not used by the HUD Editor as it is always displayed).
		+
		+
		+	===[[File:ToolsMenu18.png\|link=]] Select an Item===
		+
		+	[[Select an Item \| Select an Item]] on the page.

@@ Line 12: / Line 12: @@
 <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-Sprite">
-{|
+{|class="wikitable"
 !rowspan="13" style="width:260px;vertical-align:top;" |[[File:HUDSprite.png|link=]]
 |style="width:200px;" |'''Sprite'''
@@ Line 60: / Line 60: @@
 Add text to the HUD - drag into position using the mouse.  Text can be fixed or used to display data such as score or lives. <span style="color:#008CC9;" class="mw-customtoggle-Text">[+Show more]</span>
 <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-Text">
-{|
+{|class="wikitable"
 !rowspan="9" style="width:260px;vertical-align:top;" |[[File:HUDText.png|link=]]
 |style="width:200px;" |'''Text'''
@@ Line 102: / Line 102: @@
 <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-Controls">
-{|
+{|class="wikitable"
 !rowspan="9" style="width:260px;vertical-align:top;" |[[File:HUDControls.png|link=]]
 |style="width:200px;" |'''Type'''

HUD Editor - Revision history

Wikiadmin at 17:34, 22 January 2021

Wikiadmin at 17:24, 24 May 2020

Wikiadmin: Created page with "The ''HUD Editor'' is used to place sprites, text and video that will be displayed on screen, such as score, a health bar or pop-ups. To create the HUD, go to the..."