Introduction to Scripting the GUI - Revision history

Fernando187: improve serverside submitLogin example

2024-06-20T17:19:06Z

improve serverside submitLogin example

← Older revision		Revision as of 17:19, 20 June 2024
Line 236:		Line 236:
	<syntaxhighlight lang="lua">		<syntaxhighlight lang="lua">
	function loginHandler(username,password)		function loginHandler(username,password)
			-- cancel if this was not triggered by a client
			if not client then return end
	-- check that the username and password are correct		-- check that the username and password are correct
	if username == "user" and password == "apple" then		if username == "user" and password == "apple" then
	-- the player has successfully logged in, so spawn them		-- the player has successfully logged in, so spawn them
	~~if (client) then~~		spawnPlayer(client, 1959.55, -1714.46, 10)
	spawnPlayer(client, 1959.55, -1714.46, 10)		fadeCamera(client, true)
	fadeCamera(client, true)		setCameraTarget(client, client)
	setCameraTarget(client, client)		outputChatBox("Welcome to My Server.", client)
	outputChatBox("Welcome to My Server.", client)
	~~end~~
	else		else
	-- if the username or password are not correct, output a message to the player		-- if the username or password are not correct, output a message to the player
	outputChatBox("Invalid username and password. Please re-connect and try again.",client)		outputChatBox("Invalid username and password. Please re-connect and try again.", client)
	end		end
	end		end

	addEvent("submitLogin",true)		addEvent("submitLogin",true)
	addEventHandler("submitLogin",root,loginHandler)		addEventHandler("submitLogin",root,loginHandler)

Tracer: Useless change

2023-09-17T12:19:03Z

Useless change

← Older revision		Revision as of 12:19, 17 September 2023
Line 184:		Line 184:

	===Triggering the server===		===Triggering the server===
	Triggering the server can be done using [[triggerServerEvent~~]] if you want to use [[triggerLatentServerEvent~~]]. This allows you to trigger a specified event on the server from the client. ~~<br>~~		Triggering the server can be done using [[triggerServerEvent]]. This allows you to trigger a specified event on the server from the client.
	The same can be done in reverse using [[triggerClientEvent~~]] if you want to use [[triggerLatentClientEvent~~]].~~<br>~~		The same can be done in reverse using [[triggerClientEvent]].
	Here, we use the [[triggerServerEvent]] ~~if you want to use [[triggerLatentServerEvent]] <br>~~function to call our own custom event on the server, named "submitLogin", which will then control the spawning of the player serverside.		Here, we use the [[triggerServerEvent]] function to call our own custom event on the server, named "submitLogin", which will then control the spawning of the player serverside.

	'''Note that we are now writing more code for our existing 'clientSubmitLogin' function. This is not a new function and is meant to replace what you already have.'''		'''Note that we are now writing more code for our existing 'clientSubmitLogin' function. This is not a new function and is meant to replace what you already have.'''

Flox: /* Triggering the server */

2023-09-15T18:41:43Z

Triggering the server

← Older revision		Revision as of 18:41, 15 September 2023
Line 185:		Line 185:
	===Triggering the server===		===Triggering the server===
	Triggering the server can be done using [[triggerServerEvent]] if you want to use [[triggerLatentServerEvent]]. This allows you to trigger a specified event on the server from the client. <br>		Triggering the server can be done using [[triggerServerEvent]] if you want to use [[triggerLatentServerEvent]]. This allows you to trigger a specified event on the server from the client. <br>
	The same can be done in reverse using [[triggerClientEvent]] if you want to use [[triggerLatentClientEvent]].		The same can be done in reverse using [[triggerClientEvent]] if you want to use [[triggerLatentClientEvent]].<br>
	Here, we use the [[triggerServerEvent]] if you want to use [[triggerLatentServerEvent]] <br>function to call our own custom event on the server, named "submitLogin", which will then control the spawning of the player serverside.		Here, we use the [[triggerServerEvent]] if you want to use [[triggerLatentServerEvent]] <br>function to call our own custom event on the server, named "submitLogin", which will then control the spawning of the player serverside.

Flox: /* Triggering the server */

2023-09-15T18:41:12Z

Triggering the server

← Older revision		Revision as of 18:41, 15 September 2023
Line 184:		Line 184:

	===Triggering the server===		===Triggering the server===
	Triggering the server can be done using [[triggerServerEvent]] if you want to use [[triggerLatentServerEvent]]. This allows you to trigger a specified event on the server from the client.		Triggering the server can be done using [[triggerServerEvent]] if you want to use [[triggerLatentServerEvent]]. This allows you to trigger a specified event on the server from the client. <br>
	The same can be done in reverse using [[triggerClientEvent]] if you want to use [[triggerLatentClientEvent]].		The same can be done in reverse using [[triggerClientEvent]] if you want to use [[triggerLatentClientEvent]].
	Here, we use the [[triggerServerEvent]] if you want to use [[triggerLatentServerEvent]] function to call our own custom event on the server, named "submitLogin", which will then control the spawning of the player serverside.		Here, we use the [[triggerServerEvent]] if you want to use [[triggerLatentServerEvent]] <br>function to call our own custom event on the server, named "submitLogin", which will then control the spawning of the player serverside.

	'''Note that we are now writing more code for our existing 'clientSubmitLogin' function. This is not a new function and is meant to replace what you already have.'''		'''Note that we are now writing more code for our existing 'clientSubmitLogin' function. This is not a new function and is meant to replace what you already have.'''

Flox: /* Triggering the server */

2023-09-15T18:40:49Z

Triggering the server

← Older revision		Revision as of 18:40, 15 September 2023
Line 186:		Line 186:
	Triggering the server can be done using [[triggerServerEvent]] if you want to use [[triggerLatentServerEvent]]. This allows you to trigger a specified event on the server from the client.		Triggering the server can be done using [[triggerServerEvent]] if you want to use [[triggerLatentServerEvent]]. This allows you to trigger a specified event on the server from the client.
	The same can be done in reverse using [[triggerClientEvent]] if you want to use [[triggerLatentClientEvent]].		The same can be done in reverse using [[triggerClientEvent]] if you want to use [[triggerLatentClientEvent]].
	Here, we use the [[triggerServerEvent]] if you want to use [[triggerLatentServerEvent]] ~~<br>~~function to call our own custom event on the server, named "submitLogin", which will then control the spawning of the player serverside.		Here, we use the [[triggerServerEvent]] if you want to use [[triggerLatentServerEvent]] function to call our own custom event on the server, named "submitLogin", which will then control the spawning of the player serverside.

	'''Note that we are now writing more code for our existing 'clientSubmitLogin' function. This is not a new function and is meant to replace what you already have.'''		'''Note that we are now writing more code for our existing 'clientSubmitLogin' function. This is not a new function and is meant to replace what you already have.'''

Flox: /* Triggering the server */

2023-09-15T18:40:16Z

Triggering the server

← Older revision		Revision as of 18:40, 15 September 2023
Line 184:		Line 184:

	===Triggering the server===		===Triggering the server===
	Triggering the server can be done using [[triggerServerEvent]] if you want to use [[triggerLatentServerEvent]]. This allows you to trigger a specified event on the server from the client. The same can be done in reverse using [[triggerClientEvent]] if you want to use [[triggerLatentClientEvent]].		Triggering the server can be done using [[triggerServerEvent]] if you want to use [[triggerLatentServerEvent]]. This allows you to trigger a specified event on the server from the client.
	Here, we use the [[triggerServerEvent]] if you want to use [[triggerLatentServerEvent]] function to call our own custom event on the server, named "submitLogin", which will then control the spawning of the player serverside.		The same can be done in reverse using [[triggerClientEvent]] if you want to use [[triggerLatentClientEvent]].
			Here, we use the [[triggerServerEvent]] if you want to use [[triggerLatentServerEvent]] <br>function to call our own custom event on the server, named "submitLogin", which will then control the spawning of the player serverside.

	'''Note that we are now writing more code for our existing 'clientSubmitLogin' function. This is not a new function and is meant to replace what you already have.'''		'''Note that we are now writing more code for our existing 'clientSubmitLogin' function. This is not a new function and is meant to replace what you already have.'''

Flox: /* Triggering the server */

2023-09-15T18:39:13Z

Triggering the server

← Older revision		Revision as of 18:39, 15 September 2023
Line 184:		Line 184:

	===Triggering the server===		===Triggering the server===
	Triggering the server can be done using [[triggerServerEvent]]. This allows you to trigger a specified event on the server from the client. The same can be done in reverse using [[triggerClientEvent]].		Triggering the server can be done using [[triggerServerEvent]] if you want to use [[triggerLatentServerEvent]]. This allows you to trigger a specified event on the server from the client. The same can be done in reverse using [[triggerClientEvent]] if you want to use [[triggerLatentClientEvent]].
	Here, we use the [[triggerServerEvent]] function to call our own custom event on the server, named "submitLogin", which will then control the spawning of the player serverside.		Here, we use the [[triggerServerEvent]] if you want to use [[triggerLatentServerEvent]] function to call our own custom event on the server, named "submitLogin", which will then control the spawning of the player serverside.

	'''Note that we are now writing more code for our existing 'clientSubmitLogin' function. This is not a new function and is meant to replace what you already have.'''		'''Note that we are now writing more code for our existing 'clientSubmitLogin' function. This is not a new function and is meant to replace what you already have.'''

Flox: /* Logging in */

2023-09-15T18:35:46Z

Logging in

← Older revision		Revision as of 18:35, 15 September 2023
Line 263:		Line 263:
	</syntaxhighlight>		</syntaxhighlight>

			If you do not want your client file not to be downloaded, set cache="false"
			<syntaxhighlight lang="xml">
			<script src="client/gui.lua" type="client" cache="false"/>
			</syntaxhighlight>

	At this point, we now have a basic login window that checks the player's username and password when the login button is clicked. If they are correct, the player is automatically spawned.		At this point, we now have a basic login window that checks the player's username and password when the login button is clicked. If they are correct, the player is automatically spawned.

Flox: /* Detecting the click */

2023-09-15T18:34:00Z

Detecting the click

← Older revision		Revision as of 18:34, 15 September 2023
Line 158:		Line 158:
	...		...
	-- now add our onClientGUIClick event to the button we just created		-- now add our onClientGUIClick event to the button we just created
			end
	addEventHandler("onClientGUIClick", btnLogin, clientSubmitLogin, false)		addEventHandler("onClientGUIClick", btnLogin, clientSubmitLogin, false)
	</syntaxhighlight>		</syntaxhighlight>

Flox: /* Detecting the click */

2023-09-15T18:33:32Z

Detecting the click

← Older revision		Revision as of 18:33, 15 September 2023
Line 155:		Line 155:
	<syntaxhighlight lang="lua">		<syntaxhighlight lang="lua">
	function createLoginWindow()		function createLoginWindow()
	-- create all our GUI elements		-- create all our GUI elements
	...		...
			-- now add our onClientGUIClick event to the button we just created
	-- now add our onClientGUIClick event to the button we just created		addEventHandler("onClientGUIClick", btnLogin, clientSubmitLogin, false)
	addEventHandler("onClientGUIClick", btnLogin, clientSubmitLogin, false)
	</syntaxhighlight>		</syntaxhighlight>