Passer au contenu principal
Version: latest - a1.11.0 ⚖️

User Interface

Comment afficher des informations sur l'écran pour le joueur.

Dans nanos world, il existe 2 façons officielles d'afficher des données sur l'écran : WebUI et Render Canvas.

caution

Bien que nous recommandions vivement l'utilisation de WebUI, l'utilisation de Render Canvas est toujours prise en charge mais dépréciée.

WebUI

Avec WebUI, vous pouvez charger des pages HTML qui s'intègrent à vos packages en Lua en utilisant des événements.

Configuration de base de WebUI

Cet exemple de code montre comment ajouter une page de base en utilisant HTML+JavaScript avec la classe WebUI.

info

Note: Tout le code WebUI s'exécute côté client !

Client/Index.lua
-- Lance une interface Web avec le fichier HTML que vous venez de créer
MyUI = WebUI("My UI", "file:///UI/index.html")

-- Lorsque le HTML est prêt, il déclenche un événement.
MyUI:Subscribe("Ready", function()
MyUI:CallEvent("MyAwesomeEvent", "Bonjour! Vous êtes prêts !")
end)

MyUI:Subscribe("MyAwesomeAnswer", function(param1)
Package.Log("Réception d'une réponse! Message: " .. param1)
end)
Client/UI/index.html
<html>
<head>
<script src="index.js"></script>
</head>
<body>
Hello World!
</body>
</html>
Client/UI/index.js
// Enregistrement pour "MyAwesomeEvent" à partir de Lua
Events.Subscribe("MyAwesomeEvent", function(param1) {
console.log("Déclenchement! " + param1);

// Déclencheurs "MyAwesomeAnswer" dans Lua
Events.Call("MyAwesomeAnswer", "Hey there!");
})

WebUI results

Cela produira un résultat :

[WebUI]  Déclenchement! Bonjour! Vous êtes prêts !
[Script] Réception d'une réponse! Message: Hey there!
HUD Basique (HTML)getting-started/tutorials-and-examples/basic-hud-html

Canvas

HUD Basique (Canvas)getting-started/tutorials-and-examples/basic-hud-canvas