HyTari Studios · Officiële visuele gids

Menu Info Pages

Leer JSON door het resultaat te zien.

Een praktische visuele referentie voor het configureren van MenuInfoPages. Begin met het centrale venster, bouw navigatie in de zijbalken en pas daarna O-Key-snelkoppelingen en interactieve items aan. Elk voorbeeld bevat kopieerbare JSON en een vereenvoudigde weergave van het resultaat.

Lees dit eerst

Aan de slag

STAP 01

Schakel de tutorials in

Stel in config.json zowel languages.nl-NL.enabled als demo in op true. Het Full-pakket bevat tutorials in 25 talen.

STAP 02

Maak een pagina

Gebruik /infopages newpage <name> <command> of maak een JSON-bestand aan in mods/MenuInfoPages/pages/nl-NL/.

STAP 03

Herladen en testen

Voer /infopages reload uit na wijzigingen aan inhoud of afbeeldingen. Een nieuwe spelersopdracht of structurele wijziging in ItemCommands kan een herstart vereisen.

Deze voorbeelden zijn gebaseerd op de meegeleverde JSON-configuratie en tutorialbestanden van de huidige Full-editie. De previews zijn educatieve diagrammen, geen screenshots of native Hytale-UI-rendering. Vervang voorbeeldopdrachten, doelen en PNG-namen door resources die op je server beschikbaar zijn. Bewaar een back-up van bestaande bestanden.

HOOFDSTUK 01 · 10 VOORBEELDEN

Centrale GUI

Begin met de pagina zelf: tekst, secties, afbeeldingen, knoppen, permissies en AutoOpen.

01Pagina-JSON

Je eerste pagina

Eén JSON-bestand maakt een pagina met een eigen opdracht, titel en introductie.

JSON-configuratie
{
  "command": "welcome",
  "title": "WELKOM OP ONZE SERVER",
  "intro": "Hallo {player}! Hier vind je alles wat je nodig hebt om te beginnen.",
  "images": [],
  "sections": [
    {
      "title": "AAN DE SLAG",
      "text": "Lees de regels, zoek een plek om te bouwen en geniet van het avontuur!",
      "images": []
    }
  ],
  "buttons": [],
  "footer": "Veel plezier!"
}

pages/nl-NL/welcome.json

Visueel resultaatSchematische preview
MENUINFOPAGES · SCHEMA×

WELKOM OP ONZE SERVER

Hallo Alex! Hier vind je alles wat je nodig hebt om te beginnen.

AAN DE SLAG

Lees de regels, zoek een plek om te bouwen en geniet van het avontuur!

Veel plezier!

De bestandsnaam kan verschillen van de opdracht. Nieuwe spelersopdrachten kunnen na het aanmaken een serverherstart vereisen.

02Pagina-JSON

Opgemaakte tekst en placeholders

Formatteer je tekst en voeg dynamische informatie van speler en server toe.

JSON-configuratie
{
  "command": "player-info",
  "title": "SPELERINFORMATIE",
  "intro": "{center}{#54DAF4}{b}Welkom terug, {player}!{/}{/}",
  "images": [],
  "sections": [
    {
      "title": "{#F894FF}{b}JOUW GEGEVENS{/}{/}",
      "text": "{b}Speler:{/} {player}\n{b}Wereld:{/} {world}\n{b}Online:{/} {online}/{max_players}\n{m}Nuttige serverinformatie{/}",
      "images": []
    }
  ],
  "buttons": []
}

pages/nl-NL/player-info.json

Visueel resultaatSchematische preview
MENUINFOPAGES · SCHEMA×

SPELERINFORMATIE

Welkom terug, Alex!{/}{/}

JOUW GEGEVENS{/}{/}

Speler:{/} Alex Wereld:{/} Survival Online:{/} 12/256 Nuttige serverinformatie{/}

Opgemaakte tekst wordt door Hytale gerenderd. De schematische preview verwijdert opmaaktokens in plaats van de native font-renderer na te bootsen.

03Pagina-JSON

Achtergrondkleuren van secties

Combineer standaard, transparante en met HEX gekleurde secties in hetzelfde menu.

JSON-configuratie
{
  "command": "colors",
  "title": "AANGEPASTE SECTIES",
  "intro": "Kies een visuele stijl voor elk inhoudsgebied.",
  "images": [],
  "sections": [
    {
      "title": "STANDAARD",
      "text": "Native sectiestijl.",
      "backgroundColor": "default",
      "images": []
    },
    {
      "title": "TRANSPARANT",
      "text": "Het achtergrondpaneel wordt verwijderd.",
      "backgroundColor": "none",
      "images": []
    },
    {
      "title": "AANGEPASTE HEX",
      "text": "Een aangepaste sectiekleur.",
      "backgroundColor": "#243D59",
      "images": []
    }
  ],
  "buttons": []
}

pages/nl-NL/colors.json

Visueel resultaatSchematische preview
MENUINFOPAGES · SCHEMA×

AANGEPASTE SECTIES

Kies een visuele stijl voor elk inhoudsgebied.

STANDAARD

Native sectiestijl.

TRANSPARANT

Het achtergrondpaneel wordt verwijderd.

AANGEPASTE HEX

Een aangepaste sectiekleur.

Gebruik backgroundColor op de afzonderlijke sectie, niet op de hele pagina.

04Pagina-JSON

Vaste introductie en headerafbeeldingen

Een introductie en maximaal zes afbeeldingen blijven boven de scrollbare secties staan.

JSON-configuratie
{
  "command": "header",
  "title": "ONZE COMMUNITY",
  "intro": "{center}Ontdek de server en zijn functies.",
  "images": [
    {
      "image": "server-logo.png"
    },
    {
      "image": "welcome-banner.png"
    }
  ],
  "sections": [
    {
      "title": "SCROLLBARE INHOUD",
      "text": "Deze sectie scrollt terwijl de introductie en headerafbeeldingen zichtbaar blijven.",
      "images": []
    }
  ],
  "buttons": []
}

pages/nl-NL/header.json

Visueel resultaatSchematische preview
MENUINFOPAGES · SCHEMA×

ONZE COMMUNITY

Ontdek de server en zijn functies.

server-logo.png
welcome-banner.png
SCROLLBARE INHOUD

Deze sectie scrollt terwijl de introductie en headerafbeeldingen zichtbaar blijven.

Plaats server-logo.png en welcome-banner.png in mods/MenuInfoPages/images/ voordat je de pagina opent. Gebruik PNG; voor sneller laden wordt aanbevolen elk bestand onder 2 MB te houden, maar dit is niet verplicht.

05Pagina-JSON

Meerdere afbeeldingen in een sectie

Plaats maximaal zes afbeeldingen in een sectie. Ze worden verdeeld over gelijke horizontale cellen.

JSON-configuratie
{
  "command": "places",
  "title": "PLEKKEN OM TE BEZOEKEN",
  "intro": "Kies een bestemming.",
  "images": [],
  "sections": [
    {
      "title": "BESTEMMINGEN",
      "text": "Kies waar je naartoe wilt.",
      "images": [
        {
          "image": "spawn.png",
          "command": "spawn",
          "runAs": "player",
          "close": true,
          "delayMs": 100
        },
        {
          "image": "market.png",
          "command": "warp market",
          "runAs": "player",
          "close": true,
          "delayMs": 100
        },
        {
          "image": "website.png",
          "command": "https://example.org",
          "close": false
        }
      ]
    }
  ],
  "buttons": []
}

pages/nl-NL/places.json

Visueel resultaatSchematische preview
MENUINFOPAGES · SCHEMA×

PLEKKEN OM TE BEZOEKEN

Kies een bestemming.

BESTEMMINGEN

Kies waar je naartoe wilt.

spawn.png
market.png
website.png

Elke bestandsnaam verwijst naar een PNG die je in mods/MenuInfoPages/images/ plaatst.

06Pagina-JSON

Knoppen in een sectie

Geef een sectie eigen interactieve primary-, secondary- en danger-acties.

JSON-configuratie
{
  "command": "section-actions",
  "title": "HANDIGE OPDRACHTEN",
  "intro": "Verschillende knopstijlen maken acties gemakkelijk herkenbaar.",
  "images": [],
  "sections": [
    {
      "title": "NAVIGATIE",
      "text": "Een sectie kan tekst, afbeeldingen en knoppen bevatten.",
      "images": [],
      "buttons": [
        {
          "text": "SPAWN",
          "command": "spawn",
          "runAs": "player",
          "close": true,
          "delayMs": 250,
          "style": "primary"
        },
        {
          "text": "SERVERREGELS",
          "page": "rules",
          "style": "secondary"
        },
        {
          "text": "DANGER-VOORBEELD",
          "style": "danger"
        }
      ]
    }
  ],
  "buttons": []
}

pages/nl-NL/section-actions.json

Visueel resultaatSchematische preview
MENUINFOPAGES · SCHEMA×

HANDIGE OPDRACHTEN

Verschillende knopstijlen maken acties gemakkelijk herkenbaar.

NAVIGATIE

Een sectie kan tekst, afbeeldingen en knoppen bevatten.

SPAWN
SERVERREGELS
DANGER-VOORBEELD

Gebruik page om direct een andere MenuInfoPages-pagina te openen. Gebruik command om opdrachten uit te voeren; runAs: console mag alleen voor vertrouwde acties worden gebruikt.

07Pagina-JSON

Onderste actiebalk

Plaats maximaal zes acties onderaan, los van de scrollbare secties.

JSON-configuratie
{
  "command": "shortcuts",
  "title": "SNELLE ACTIES",
  "intro": "Veelgebruikte snelkoppelingen op één plek.",
  "images": [],
  "sections": [
    {
      "title": "HELP",
      "text": "Kies hieronder een actie.",
      "images": []
    }
  ],
  "buttons": [
    {
      "text": "REGELS",
      "page": "rules",
      "style": "primary"
    },
    {
      "text": "SPAWN",
      "command": "spawn",
      "runAs": "player",
      "close": true,
      "delayMs": 250,
      "style": "secondary"
    },
    {
      "text": "WEBSITE",
      "command": "https://example.org",
      "style": "secondary"
    }
  ]
}

pages/nl-NL/shortcuts.json

Visueel resultaatSchematische preview
MENUINFOPAGES · SCHEMA×

SNELLE ACTIES

Veelgebruikte snelkoppelingen op één plek.

HELP

Kies hieronder een actie.

REGELS
SPAWN
WEBSITE

Doelen zoals rules of warp market moeten op je server bestaan. Een page-doel is de interne opdracht van een MenuInfoPages-pagina.

08Pagina-JSON

Paginapermissies

Voeg optioneel een permission node toe om een pagina te beperken tot geautoriseerde gebruikers.

JSON-configuratie
{
  "command": "staff-info",
  "permission": "server.staff",
  "title": "STAFFINFORMATIE",
  "intro": "Beperkte informatie voor geautoriseerde spelers.",
  "images": [],
  "sections": [
    {
      "title": "STAFFNOTITIES",
      "text": "Alleen spelers met de permissie server.staff mogen deze pagina openen.",
      "images": []
    }
  ],
  "buttons": []
}

pages/nl-NL/staff-info.json

Visueel resultaatSchematische preview
MENUINFOPAGES · SCHEMA×

STAFFINFORMATIE

Beperkte informatie voor geautoriseerde spelers.

STAFFNOTITIES

Alleen spelers met de permissie server.staff mogen deze pagina openen.

De permission node is een voorbeeld. Ken deze toe via het permissiesysteem van je server. AutoOpen respecteert ook paginapermissies.

09Pagina-JSON

Automatisch openen bij binnenkomst

Toon een welkomstpagina één keer, altijd of totdat de speler deze uitschakelt.

JSON-configuratie
{
  "autoOpen": {
    "enabled": true,
    "mode": "dismissible",
    "version": 1,
    "worlds": [],
    "delayMs": 1500
  },
  "command": "server-guide",
  "title": "SERVERGIDS",
  "intro": "Welkom! Vink Niet opnieuw tonen aan om deze pagina bij toekomstige joins te verbergen.",
  "images": [],
  "sections": [
    {
      "title": "EERSTE STAPPEN",
      "text": "Lees onze regels en leer je weg op de server kennen.",
      "images": []
    }
  ],
  "buttons": []
}

pages/nl-NL/server-guide.json

Visueel resultaatSchematische preview
MENUINFOPAGES · SCHEMA×

SERVERGIDS

Welkom! Vink Niet opnieuw tonen aan om deze pagina bij toekomstige joins te verbergen.

EERSTE STAPPEN

Lees onze regels en leer je weg op de server kennen.

Configureer autoOpen op de fallback-taalversie van deze pagina. Schakel geen overlappende AutoOpen-pagina's in voor dezelfde wereld: als meerdere pagina's overeenkomen, opent geen enkele automatisch.

10Configuratie-JSON

Schakel de meegeleverde tutorials in

Kies geladen talen onafhankelijk van de talen waarvoor demopagina's worden gegenereerd.

JSON-configuratie
{
  "fallbackLanguage": "en-US",
  "languages": {
    "en-US": {
      "enabled": true,
      "demo": true
    },
    "it-IT": {
      "enabled": true,
      "demo": false
    },
    "de-DE": {
      "enabled": true,
      "demo": false
    }
  }
}

config.json — top-level fields

Visueel resultaatSchematische preview

Taalinstellingen

en-USGeladen · Demo ON
it-ITGeladen · Demo OFF
de-DEGeladen · Demo OFF

De taal van de client kiest de paginavertaling; ontbrekende vertalingen gebruiken de ingestelde fallback-taal.

De Full-editie bevat 25 taalmappen. Zowel enabled als demo moeten true zijn om de tutorialpagina's van een taal te genereren. Zet demo: false wanneer je ze niet meer nodig hebt.

HOOFDSTUK 03 · 4 VOORBEELDEN

O-Key & HUD

Maak snelkoppelingen, positioneer hun indicatoren en configureer gedrag per wereld.

01Configuratie-JSON

Globale O-Key-snelkoppeling

Stel de standaardopdracht, permissies en HUD-indicator voor elke wereld in.

JSON-configuratie
{
  "O-Key": {
    "Enabled": true,
    "RequirePermission": false,
    "Permission": "menuinfopages.okey",
    "OpPermission": "hytale.command.gamemode",
    "AllWorlds": {
      "Command": "menuinfopages",
      "OpCommand": "menuinfopages",
      "AppliesOnOP": true,
      "CooldownMs": 250,
      "Hud": {
        "Enabled": true,
        "Horizontal": "right:-8",
        "Vertical": "top:245",
        "Title": "menuinfopages.hud.okey.press",
        "Image": "default",
        "Width": 112,
        "Height": 112
      }
    }
  }
}

config.json — O-Key object

Visueel resultaatSchematische preview

O-Key · illustratieve HUD

O

Weergave van het spelscherm

HUD-positie: right:-8, top:245. Opdrachten en gedrag worden ingesteld in config.json.

Bewerk het bestaande O-Key-object in plaats van je volledige config.json te vervangen. De waarde default voor de HUD-afbeelding verwijst naar het meegeleverde icoon.

02Configuratie-JSON

Centreer de O-Key-HUD

Gebruik center onafhankelijk op één van de assen en stel de andere as vanaf een rand in.

JSON-configuratie
{
  "Hud": {
    "Enabled": true,
    "Image": "default",
    "Width": 112,
    "Height": 112,
    "Horizontal": "center",
    "Vertical": "top:190"
  }
}

config.json — O-Key.AllWorlds.Hud

Visueel resultaatSchematische preview

O-Key · illustratieve HUD

O

Weergave van het spelscherm

HUD-positie: center, top:190. Opdrachten en gedrag worden ingesteld in config.json.

Dit voorbeeld is een gedeeltelijk Hud-object; voeg deze waarden samen met je bestaande O-Key.AllWorlds.Hud-instellingen.

03Configuratie-JSON

Overrides per wereld en instance

Geef specifieke werelden een andere snelkoppeling, inclusief gegenereerde instances met een afsluitende wildcard.

JSON-configuratie
{
  "WorldOverrides": [
    {
      "Worlds": [
        "Survival"
      ],
      "Enabled": true,
      "Command": "welcome",
      "Hud": {
        "Enabled": true,
        "Horizontal": "right:-5",
        "Vertical": "center"
      }
    },
    {
      "Worlds": [
        "instance-Forgotten_Temple-*"
      ],
      "Enabled": true,
      "Command": "server-guide",
      "Hud": {
        "Enabled": true,
        "Horizontal": "center",
        "Vertical": "top:190"
      }
    }
  ]
}

config.json — O-Key.WorldOverrides

Visueel resultaatSchematische preview

O-Key · illustratieve HUD

O

Weergave van het spelscherm

Survival → /welcome
instance-Forgotten_Temple-* → /server-guide

Eén afsluitende * wordt ondersteund in een wereldnaam-prefix. Exacte namen hebben voorrang op wildcard-patronen; anders wint de langste overeenkomende prefix.

04Configuratie-JSON

Aangepaste O-Key-afbeelding

Gebruik je eigen PNG met configureerbare grootte en positie.

JSON-configuratie
{
  "Hud": {
    "Enabled": true,
    "Image": "okey-survival.png",
    "Width": 300,
    "Height": 200,
    "Horizontal": "right:-5",
    "Vertical": "top:138"
  }
}

config.json — O-Key.AllWorlds.Hud

Visueel resultaatSchematische preview

O-Key · illustratieve HUD

O

Weergave van het spelscherm

HUD-positie: right:-5, top:138. Opdrachten en gedrag worden ingesteld in config.json.

Plaats okey-survival.png in mods/MenuInfoPages/images/. Stem Width/Height af op de beeldverhouding van de PNG, bijvoorbeeld 600×400 weergegeven als 300×200.

HOOFDSTUK 04 · 2 VOORBEELDEN

ItemCommands

Maak items met afzonderlijke opdrachten voor linker- en rechterklik.

01Configuratie-JSON

Schakel een demo-item in

Het meegeleverde voorbeeld biedt een interactief bron-item met afzonderlijke acties voor links en rechts.

JSON-configuratie
{
  "itemCommands": {
    "enabled": true,
    "items": [
      {
        "id": "demo",
        "sourceItem": "MenuInfoPages_Demo_Grimoire_Source",
        "name": "Demopagina's",
        "quality": "",
        "leftClickCommand": "menuinfopages",
        "rightClickCommand": "menuinfopages"
      }
    ]
  }
}

config.json — itemCommands object

Visueel resultaatSchematische preview

ItemCommands · interactieoverzicht

Demopagina's

Linkerklik/menuinfopages
Rechterklik/menuinfopages

Dit is de echte source item-ID van het meegeleverde voorbeeld. In tegenstelling tot paginawijzigingen kunnen structurele itemupdates een serverherstart vereisen.

02Configuratie-JSON

Afzonderlijke linker- en rechteropdrachten

Gebruik een bestaand Hytale-item of item uit een geïnstalleerde mod als bron voor een nieuwe interactieve snelkoppeling.

JSON-configuratie
{
  "itemCommands": {
    "enabled": true,
    "items": [
      {
        "id": "server-shortcuts",
        "sourceItem": "MenuInfoPages_Demo_Grimoire_Source",
        "name": "Serversnelkoppelingen",
        "quality": "",
        "leftClickCommand": "welcome",
        "rightClickCommand": "spawn"
      }
    ]
  }
}

config.json — itemCommands object

Visueel resultaatSchematische preview

ItemCommands · interactieoverzicht

Serversnelkoppelingen

Linkerklik/welcome
Rechterklik/spawn

Vervang sourceItem door een echte item-ID die op je server is geïnstalleerd en kies bestaande opdrachten waar spelers toegang toe hebben. ItemCommands staat los van de pagina-JSON.

Voordat je een voorbeeld gebruikt

Volledige paginavoorbeelden: Plaats elk JSON-object in een eigen bestand onder mods/MenuInfoPages/pages/nl-NL/. Houd elke paginacommand uniek en vertaal indien nodig de overeenkomstige paginabestanden in andere taalmappen.

Configuratievoorbeelden: De O-Key- en ItemCommands-objecten zijn fragmenten van je bestaande config.json. Voeg de getoonde eigenschappen op de juiste plek samen; vervang nooit het volledige configuratiebestand door een klein voorbeeld.

Veilige configuratie: Plaats de genoemde PNG's in de verwachte afbeeldingsmap. Voor de beste prestaties wordt aanbevolen, maar niet verplicht, om afzonderlijke afbeeldingen onder 2 MB te houden; grotere bestanden kunnen meer laadtijd en geheugen nodig hebben. Demo-opdrachten, navigatiedoelen, permission nodes en externe URL's zijn placeholders voor resources die je zelf levert. Vermijd het uitvoeren van verhoogde opdrachten voor niet-vertrouwde spelers.

Huidig schema: Deze gids documenteert het bestaande systeem met sections, leftContent en rightContent; een mogelijk toekomstig uniform content/cells-model wordt niet als reeds beschikbare functie getoond.

TERUG NAAR BOVEN