Ylands:Tutorial - User interface - Revision history

Lou Montana: Text replacement - "Category: Tutorial" to "Category: Ylands Tutorial"

2022-11-16T15:44:21Z

Text replacement - "Category: Tutorial" to "Category: Ylands Tutorial"

← Older revision		Revision as of 17:44, 16 November 2022
Line 47:		Line 47:
	{{DEFAULTSORT:{{#sub:{{PAGENAME}}\|18}}}}		{{DEFAULTSORT:{{#sub:{{PAGENAME}}\|18}}}}

	[[Category: Tutorial]]		[[Category: Ylands Tutorial]]

Lou Montana: Text replacement - "[[Ylands_" to "[[Ylands:"

2022-11-16T15:36:21Z

Text replacement - "[[Ylands_" to "[[Ylands:"

← Older revision		Revision as of 17:36, 16 November 2022
Line 3:		Line 3:
	In Ylands you can create custom UI objects of two types:		In Ylands you can create custom UI objects of two types:

	'''[[~~Ylands_Game_logic_~~-_Custom_HUD\|Custom HUD]]'''		'''[[Ylands:Game_logic_-_Custom_HUD\|Custom HUD]]'''

	This is a canvas where you define various indicators such as HP, texts, bars and more. These are purely informational and can’t contain any elements player can interact with (buttons, input fields etc.). You can have active more than one at any given time.		This is a canvas where you define various indicators such as HP, texts, bars and more. These are purely informational and can’t contain any elements player can interact with (buttons, input fields etc.). You can have active more than one at any given time.

	'''[[~~Ylands_Game_logic_~~-_Custom_window\|Custom Window]]'''		'''[[Ylands:Game_logic_-_Custom_window\|Custom Window]]'''

	Custom Windows is UI that allows players some sort of interaction. It can be a simple window with one button or a visually sophisticated skill tree where the player can spend skill points. It can be solid overlay over the scene view or be just a small shape anywhere on the screen - be it as it may, unlike with HUD displayed, the player can never control their character or interact with the game scene as long as a Custom Window is visible.		Custom Windows is UI that allows players some sort of interaction. It can be a simple window with one button or a visually sophisticated skill tree where the player can spend skill points. It can be solid overlay over the scene view or be just a small shape anywhere on the screen - be it as it may, unlike with HUD displayed, the player can never control their character or interact with the game scene as long as a Custom Window is visible.


	These Game Logics share a layout editor to customize their appearance. For more information, go to '''[[~~Ylands_Custom_UI_~~-_Edit_layout\|Layout Editor]]''' wiki page		These Game Logics share a layout editor to customize their appearance. For more information, go to '''[[Ylands:Custom_UI_-_Edit_layout\|Layout Editor]]''' wiki page
	== The Button ==		== The Button ==

Line 23:		Line 23:


	* To avoid clutter, this script is making use of a [[~~Ylands_Tile_~~-_Custom_instruction\|Custom Instruction]].		* To avoid clutter, this script is making use of a [[Ylands:Tile_-_Custom_instruction\|Custom Instruction]].
	* Apart from classic data types, in visual scripting, you can use a color tile to set a color value to a variable.		* Apart from classic data types, in visual scripting, you can use a color tile to set a color value to a variable.

Lou Montana: Lou Montana moved page Ylands Tutorial - User interface to Ylands:Tutorial - User interface: Text replacement - "Ylands " to "Ylands:"

2022-11-16T15:28:48Z

Lou Montana moved page Ylands Tutorial - User interface to Ylands:Tutorial - User interface: Text replacement - "Ylands " to "Ylands:"

← Older revision	Revision as of 17:28, 16 November 2022
(No difference)

Pypse-bis at 08:07, 7 May 2021

2021-05-07T08:07:22Z

← Older revision		Revision as of 10:07, 7 May 2021
Line 11:		Line 11:
	Custom Windows is UI that allows players some sort of interaction. It can be a simple window with one button or a visually sophisticated skill tree where the player can spend skill points. It can be solid overlay over the scene view or be just a small shape anywhere on the screen - be it as it may, unlike with HUD displayed, the player can never control their character or interact with the game scene as long as a Custom Window is visible.		Custom Windows is UI that allows players some sort of interaction. It can be a simple window with one button or a visually sophisticated skill tree where the player can spend skill points. It can be solid overlay over the scene view or be just a small shape anywhere on the screen - be it as it may, unlike with HUD displayed, the player can never control their character or interact with the game scene as long as a Custom Window is visible.

	These Game Logics share a layout editor to customize their appearance. For more information, go to [[Ylands_Custom_UI_-_Edit_layout\|Layout Editor]] wiki page
			These Game Logics share a layout editor to customize their appearance. For more information, go to '''[[Ylands_Custom_UI_-_Edit_layout\|Layout Editor]]''' wiki page
	== The Button ==		== The Button ==

Pypse-bis at 08:07, 7 May 2021

2021-05-07T08:07:01Z

← Older revision		Revision as of 10:07, 7 May 2021
Line 11:		Line 11:
	Custom Windows is UI that allows players some sort of interaction. It can be a simple window with one button or a visually sophisticated skill tree where the player can spend skill points. It can be solid overlay over the scene view or be just a small shape anywhere on the screen - be it as it may, unlike with HUD displayed, the player can never control their character or interact with the game scene as long as a Custom Window is visible.		Custom Windows is UI that allows players some sort of interaction. It can be a simple window with one button or a visually sophisticated skill tree where the player can spend skill points. It can be solid overlay over the scene view or be just a small shape anywhere on the screen - be it as it may, unlike with HUD displayed, the player can never control their character or interact with the game scene as long as a Custom Window is visible.

			These Game Logics share a layout editor to customize their appearance. For more information, go to [[Ylands_Custom_UI_-_Edit_layout\|Layout Editor]] wiki page
	== The Button ==		== The Button ==

Pypse-bis: /* The Button */

2021-05-07T08:03:38Z

The Button

← Older revision		Revision as of 10:03, 7 May 2021
Line 20:		Line 20:

	[[File:Ylands-Editor-CustomUI-cw-code.jpg\|upright=1.0\|center\|frame\|Custom Window example script - Custom Window]]		[[File:Ylands-Editor-CustomUI-cw-code.jpg\|upright=1.0\|center\|frame\|Custom Window example script - Custom Window]]


	* To avoid clutter, this script is making use of a [[Ylands_Tile_-_Custom_instruction\|Custom Instruction]].		* To avoid clutter, this script is making use of a [[Ylands_Tile_-_Custom_instruction\|Custom Instruction]].
	* Apart from classic data types, in visual scripting, you can use a color tile to set to a variable.		* Apart from classic data types, in visual scripting, you can use a color tile to set a color value to a variable.

	== The Trigger Zones ==		== The Trigger Zones ==

Pypse-bis: /* The Button */

2021-05-07T08:03:01Z

The Button

← Older revision		Revision as of 10:03, 7 May 2021
Line 15:		Line 15:

	Whenever the player presses the button a Custom Window Game Logic is shown and three colored buttons appear on the screen. Pressing any of those buttons will color the small cube placed in the scene with the same color as well as adjust the text visible in current HUD.		Whenever the player presses the button a Custom Window Game Logic is shown and three colored buttons appear on the screen. Pressing any of those buttons will color the small cube placed in the scene with the same color as well as adjust the text visible in current HUD.

			If you take a look inside the Custom Window Game Logic script you will see how we can access various UI/Custom Windows elements called '''widgets'''. With specific instructions we can adjust their values, colors or text they show. We just need to select in which GL the widget is located and select it by its name. If we plan doing this in more places, it makes sense to store the widget inside a variable so that we could later access it in a more convenient way.


	[[File:Ylands-Editor-CustomUI-cw-code.jpg\|upright=1.0\|center\|frame\|Custom Window example script - Custom Window]]		[[File:Ylands-Editor-CustomUI-cw-code.jpg\|upright=1.0\|center\|frame\|Custom Window example script - Custom Window]]

			* To avoid clutter, this script is making use of a [[Ylands_Tile_-_Custom_instruction\|Custom Instruction]].
	~~If you take~~ a ~~look inside the Custom Window Game Logic script you will see how we can access various UI/~~Custom ~~Windows elements called '''widgets'''~~. ~~With specific instructions we can adjust their values~~, ~~colors or text they show. We just need to select in which GL the widget is located and select it by its name. If we plan doing this~~ in ~~more places~~, ~~it makes sense~~ to ~~store the widget inside~~ a variable ~~so that we could later access it in a more convenient way~~.		* Apart from classic data types, in visual scripting, you can use a color tile to set to a variable.

	== The Trigger Zones ==		== The Trigger Zones ==

Pypse-bis: /* The Button */

2021-05-06T14:38:26Z

The Button

← Older revision		Revision as of 16:38, 6 May 2021
Line 15:		Line 15:

	Whenever the player presses the button a Custom Window Game Logic is shown and three colored buttons appear on the screen. Pressing any of those buttons will color the small cube placed in the scene with the same color as well as adjust the text visible in current HUD.		Whenever the player presses the button a Custom Window Game Logic is shown and three colored buttons appear on the screen. Pressing any of those buttons will color the small cube placed in the scene with the same color as well as adjust the text visible in current HUD.

			[[File:Ylands-Editor-CustomUI-cw-code.jpg\|upright=1.0\|center\|frame\|Custom Window example script - Custom Window]]


	If you take a look inside the Custom Window Game Logic script you will see how we can access various UI/Custom Windows elements called '''widgets'''. With specific instructions we can adjust their values, colors or text they show. We just need to select in which GL the widget is located and select it by its name. If we plan doing this in more places, it makes sense to store the widget inside a variable so that we could later access it in a more convenient way.		If you take a look inside the Custom Window Game Logic script you will see how we can access various UI/Custom Windows elements called '''widgets'''. With specific instructions we can adjust their values, colors or text they show. We just need to select in which GL the widget is located and select it by its name. If we plan doing this in more places, it makes sense to store the widget inside a variable so that we could later access it in a more convenient way.


	== The Trigger Zones ==		== The Trigger Zones ==

Pypse-bis: /* The Trigger Zones */

2021-05-06T14:21:59Z

The Trigger Zones

← Older revision		Revision as of 16:21, 6 May 2021
Line 25:		Line 25:


	[[File:Ylands-Editor-CustomUI-tz-code.jpg\|frame\|center\|Custom HUD example script - Green zone]]		[[File:Ylands-Editor-CustomUI-tz-code.jpg\|frame\|center\|Custom HUD example script - Green trigger zone]]

Pypse-bis: /* The Trigger Zones */

2021-05-06T14:05:46Z

The Trigger Zones

← Older revision		Revision as of 16:05, 6 May 2021
Line 26:		Line 26:

	[[File:Ylands-Editor-CustomUI-tz-code.jpg\|frame\|center\|Custom HUD example script - Green zone]]		[[File:Ylands-Editor-CustomUI-tz-code.jpg\|frame\|center\|Custom HUD example script - Green zone]]


	* Every time the player enters the zone (repeat count set in the properties of the trigger zone), his Hit Points are increased by 10 points		* Every time the player enters the zone (repeat count set in the properties of the trigger zone), his Hit Points are increased by 10 points
	* The fill property of the Image widget ranges from 0-1, therefore it is necessary to divide the value of player's Hit Points (in the range of 0-100) by 100.		* The fill property of the Image widget ranges from 0-1, therefore it is necessary to divide the value of player's Hit Points (in the range of 0-100) by 100.