HyTari Studios · Officiell visuell guide

Menu Info Pages

Lär dig JSON genom att se resultatet.

En praktisk visuell referens för att konfigurera MenuInfoPages. Börja med mittfönstret, bygg navigation i sidofälten och anpassa sedan O-Key-genvägar och interaktiva föremål. Varje exempel innehåller kopierbar JSON och en förenklad bild av resultatet.

Läs detta först

Kom igång

STEG 01

Aktivera guiderna

I config.json ställer du in languages.sv-SE.enabled och demo på true. Full-paketet innehåller guider på 25 språk.

STEG 02

Skapa en sida

Använd /infopages newpage <name> <command> eller skapa en JSON-fil under mods/MenuInfoPages/pages/sv-SE/.

STEG 03

Ladda om och testa

Kör /infopages reload efter ändringar av innehåll eller bilder. Ett nytt spelarkommando eller en strukturell ändring i ItemCommands kan kräva omstart.

Dessa exempel bygger på JSON-konfigurationen och guidefilerna som följer med den aktuella Full-utgåvan. Förhandsvisningarna är pedagogiska diagram, inte skärmbilder eller native Hytale-UI-rendering. Ersätt exempelkommandon, mål och PNG-namn med resurser som finns på din server. Spara en säkerhetskopia av befintliga filer.

KAPITEL 01 · 10 EXEMPEL

Centralt GUI

Börja med själva sidan: text, sektioner, bilder, knappar, behörigheter och AutoOpen.

01Sid-JSON

Din första sida

En JSON-fil skapar en sida med eget kommando, egen titel och introduktion.

JSON-konfiguration
{
  "command": "welcome",
  "title": "VÄLKOMMEN TILL VÅR SERVER",
  "intro": "Hej {player}! Här finns allt du behöver för att komma igång.",
  "images": [],
  "sections": [
    {
      "title": "KOM IGÅNG",
      "text": "Läs reglerna, hitta en plats att bygga på och njut av äventyret!",
      "images": []
    }
  ],
  "buttons": [],
  "footer": "Ha så kul!"
}

pages/sv-SE/welcome.json

Visuellt resultatSchematisk förhandsvisning
MENUINFOPAGES · SCHEMA×

VÄLKOMMEN TILL VÅR SERVER

Hej Alex! Här finns allt du behöver för att komma igång.

KOM IGÅNG

Läs reglerna, hitta en plats att bygga på och njut av äventyret!

Ha så kul!

Filnamnet kan skilja sig från kommandot. Nya spelarkommandon kan kräva en serveromstart efter att de skapats.

02Sid-JSON

Formaterad text och platshållare

Formatera texten och infoga dynamisk information från spelaren och servern.

JSON-konfiguration
{
  "command": "player-info",
  "title": "SPELARINFORMATION",
  "intro": "{center}{#54DAF4}{b}Välkommen tillbaka, {player}!{/}{/}",
  "images": [],
  "sections": [
    {
      "title": "{#F894FF}{b}DINA UPPGIFTER{/}{/}",
      "text": "{b}Spelare:{/} {player}\n{b}Värld:{/} {world}\n{b}Online:{/} {online}/{max_players}\n{m}Användbar serverinformation{/}",
      "images": []
    }
  ],
  "buttons": []
}

pages/sv-SE/player-info.json

Visuellt resultatSchematisk förhandsvisning
MENUINFOPAGES · SCHEMA×

SPELARINFORMATION

Välkommen tillbaka, Alex!{/}{/}

DINA UPPGIFTER{/}{/}

Spelare:{/} Alex Värld:{/} Survival Online:{/} 12/256 Användbar serverinformation{/}

Formaterad text renderas av Hytale. Den schematiska förhandsvisningen tar bort formateringstokens i stället för att efterlikna den native fontrenderingen.

03Sid-JSON

Bakgrundsfärger för sektioner

Kombinera standardsektioner, transparenta sektioner och HEX-färgade sektioner i samma meny.

JSON-konfiguration
{
  "command": "colors",
  "title": "ANPASSADE SEKTIONER",
  "intro": "Välj ett visuellt utseende för varje innehållsområde.",
  "images": [],
  "sections": [
    {
      "title": "STANDARD",
      "text": "Native sektionsstil.",
      "backgroundColor": "default",
      "images": []
    },
    {
      "title": "TRANSPARENT",
      "text": "Bakgrundspanelen tas bort.",
      "backgroundColor": "none",
      "images": []
    },
    {
      "title": "ANPASSAD HEX",
      "text": "En anpassad sektionsfärg.",
      "backgroundColor": "#243D59",
      "images": []
    }
  ],
  "buttons": []
}

pages/sv-SE/colors.json

Visuellt resultatSchematisk förhandsvisning
MENUINFOPAGES · SCHEMA×

ANPASSADE SEKTIONER

Välj ett visuellt utseende för varje innehållsområde.

STANDARD

Native sektionsstil.

TRANSPARENT

Bakgrundspanelen tas bort.

ANPASSAD HEX

En anpassad sektionsfärg.

Använd backgroundColor på den enskilda sektionen, inte på hela sidan.

04Sid-JSON

Fast introduktion och headerbilder

En introduktion och upp till sex bilder ligger kvar ovanför de rullningsbara sektionerna.

JSON-konfiguration
{
  "command": "header",
  "title": "VÅR COMMUNITY",
  "intro": "{center}Utforska servern och dess funktioner.",
  "images": [
    {
      "image": "server-logo.png"
    },
    {
      "image": "welcome-banner.png"
    }
  ],
  "sections": [
    {
      "title": "RULLNINGSBART INNEHÅLL",
      "text": "Den här sektionen rullar medan introduktionen och headerbilderna förblir synliga.",
      "images": []
    }
  ],
  "buttons": []
}

pages/sv-SE/header.json

Visuellt resultatSchematisk förhandsvisning
MENUINFOPAGES · SCHEMA×

VÅR COMMUNITY

Utforska servern och dess funktioner.

server-logo.png
welcome-banner.png
RULLNINGSBART INNEHÅLL

Den här sektionen rullar medan introduktionen och headerbilderna förblir synliga.

Placera server-logo.png och welcome-banner.png i mods/MenuInfoPages/images/ innan du öppnar sidan. Använd PNG; det rekommenderas att hålla varje fil under 2 MB för snabbare laddning, men det är inte obligatoriskt.

05Sid-JSON

Flera bilder i en sektion

Placera upp till sex bilder i en sektion. De fördelas i lika stora horisontella celler.

JSON-konfiguration
{
  "command": "places",
  "title": "PLATSER ATT BESÖKA",
  "intro": "Välj ett resmål.",
  "images": [],
  "sections": [
    {
      "title": "RESMÅL",
      "text": "Välj vart du vill åka.",
      "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/sv-SE/places.json

Visuellt resultatSchematisk förhandsvisning
MENUINFOPAGES · SCHEMA×

PLATSER ATT BESÖKA

Välj ett resmål.

RESMÅL

Välj vart du vill åka.

spawn.png
market.png
website.png

Varje filnamn representerar en PNG som du lägger i mods/MenuInfoPages/images/.

06Sid-JSON

Knappar i en sektion

Ge en sektion egna interaktiva primary-, secondary- och danger-åtgärder.

JSON-konfiguration
{
  "command": "section-actions",
  "title": "ANVÄNDBARA KOMMANDON",
  "intro": "Olika knappstilar gör åtgärder enkla att identifiera.",
  "images": [],
  "sections": [
    {
      "title": "NAVIGATION",
      "text": "En sektion kan innehålla text, bilder och knappar.",
      "images": [],
      "buttons": [
        {
          "text": "SPAWN",
          "command": "spawn",
          "runAs": "player",
          "close": true,
          "delayMs": 250,
          "style": "primary"
        },
        {
          "text": "SERVERREGLER",
          "page": "rules",
          "style": "secondary"
        },
        {
          "text": "DANGER-EXEMPEL",
          "style": "danger"
        }
      ]
    }
  ],
  "buttons": []
}

pages/sv-SE/section-actions.json

Visuellt resultatSchematisk förhandsvisning
MENUINFOPAGES · SCHEMA×

ANVÄNDBARA KOMMANDON

Olika knappstilar gör åtgärder enkla att identifiera.

NAVIGATION

En sektion kan innehålla text, bilder och knappar.

SPAWN
SERVERREGLER
DANGER-EXEMPEL

Använd page för att öppna en annan MenuInfoPages-sida direkt. Använd command för att köra kommandon; runAs: console bör endast användas för betrodda åtgärder.

07Sid-JSON

Nedre åtgärdsfält

Placera upp till sex åtgärder längst ned, separerade från de rullningsbara sektionerna.

JSON-konfiguration
{
  "command": "shortcuts",
  "title": "SNABBÅTGÄRDER",
  "intro": "Vanliga genvägar samlade på ett ställe.",
  "images": [],
  "sections": [
    {
      "title": "HJÄLP",
      "text": "Välj en åtgärd nedan.",
      "images": []
    }
  ],
  "buttons": [
    {
      "text": "REGLER",
      "page": "rules",
      "style": "primary"
    },
    {
      "text": "SPAWN",
      "command": "spawn",
      "runAs": "player",
      "close": true,
      "delayMs": 250,
      "style": "secondary"
    },
    {
      "text": "WEBBPLATS",
      "command": "https://example.org",
      "style": "secondary"
    }
  ]
}

pages/sv-SE/shortcuts.json

Visuellt resultatSchematisk förhandsvisning
MENUINFOPAGES · SCHEMA×

SNABBÅTGÄRDER

Vanliga genvägar samlade på ett ställe.

HJÄLP

Välj en åtgärd nedan.

REGLER
SPAWN
WEBBPLATS

Mål som rules eller warp market måste finnas på servern. Ett page-mål är det interna kommandot för en MenuInfoPages-sida.

08Sid-JSON

Sidbehörigheter

Lägg till en valfri permission node för att begränsa sidan till behöriga användare.

JSON-konfiguration
{
  "command": "staff-info",
  "permission": "server.staff",
  "title": "STAFFINFORMATION",
  "intro": "Begränsad information för behöriga spelare.",
  "images": [],
  "sections": [
    {
      "title": "STAFFANTECKNINGAR",
      "text": "Endast spelare med behörigheten server.staff får öppna den här sidan.",
      "images": []
    }
  ],
  "buttons": []
}

pages/sv-SE/staff-info.json

Visuellt resultatSchematisk förhandsvisning
MENUINFOPAGES · SCHEMA×

STAFFINFORMATION

Begränsad information för behöriga spelare.

STAFFANTECKNINGAR

Endast spelare med behörigheten server.staff får öppna den här sidan.

Permission noden är ett exempel. Tilldela den via serverns behörighetssystem. AutoOpen respekterar också sidbehörigheter.

09Sid-JSON

Automatisk öppning vid anslutning

Visa en välkomstsida en gång, alltid eller tills spelaren döljer den.

JSON-konfiguration
{
  "autoOpen": {
    "enabled": true,
    "mode": "dismissible",
    "version": 1,
    "worlds": [],
    "delayMs": 1500
  },
  "command": "server-guide",
  "title": "SERVERGUIDE",
  "intro": "Välkommen! Markera Visa inte igen för att dölja den här sidan vid framtida anslutningar.",
  "images": [],
  "sections": [
    {
      "title": "FÖRSTA STEGEN",
      "text": "Läs våra regler och lär dig hitta på servern.",
      "images": []
    }
  ],
  "buttons": []
}

pages/sv-SE/server-guide.json

Visuellt resultatSchematisk förhandsvisning
MENUINFOPAGES · SCHEMA×

SERVERGUIDE

Välkommen! Markera Visa inte igen för att dölja den här sidan vid framtida anslutningar.

FÖRSTA STEGEN

Läs våra regler och lär dig hitta på servern.

Konfigurera autoOpen på fallback-språkversionen av den här sidan. Aktivera inte överlappande AutoOpen-sidor för samma värld: om flera sidor matchar öppnas ingen automatiskt.

10Konfigurations-JSON

Aktivera de inkluderade guiderna

Välj inlästa språk oberoende av vilka språk demosidor genereras för.

JSON-konfiguration
{
  "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

Visuellt resultatSchematisk förhandsvisning

Språkinställningar

en-USInläst · Demo ON
it-ITInläst · Demo OFF
de-DEInläst · Demo OFF

Klientens språk väljer sidöversättningen; saknade översättningar använder det konfigurerade fallback-språket.

Full-utgåvan innehåller 25 språkmappar. Både enabled och demo måste vara true för att ett språks guidesidor ska genereras. Sätt demo: false när du inte längre behöver dem.

KAPITEL 03 · 4 EXEMPEL

O-Key & HUD

Skapa snabbgenvägar, placera deras indikatorer och konfigurera beteendet per värld.

01Konfigurations-JSON

Global O-Key-genväg

Ställ in standardkommando, behörigheter och HUD-indikator för varje värld.

JSON-konfiguration
{
  "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

Visuellt resultatSchematisk förhandsvisning

O-Key · illustrativ HUD

O

Visning av spelskärmen

HUD-position: right:-8, top:245. Kommandon och beteende konfigureras i config.json.

Redigera det befintliga O-Key-objektet i stället för att ersätta hela config.json. HUD-bildens default-värde hänvisar till den inkluderade ikonen.

02Konfigurations-JSON

Centrera O-Key-HUD

Använd center oberoende på en av axlarna och justera den andra axeln från en kant.

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

config.json — O-Key.AllWorlds.Hud

Visuellt resultatSchematisk förhandsvisning

O-Key · illustrativ HUD

O

Visning av spelskärmen

HUD-position: center, top:190. Kommandon och beteende konfigureras i config.json.

Det här exemplet är ett partiellt Hud-objekt; slå samman värdena med dina befintliga O-Key.AllWorlds.Hud-inställningar.

03Konfigurations-JSON

Overrides för världar och instanser

Ge specifika världar en annan genväg, inklusive genererade instanser med avslutande wildcard.

JSON-konfiguration
{
  "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

Visuellt resultatSchematisk förhandsvisning

O-Key · illustrativ HUD

O

Visning av spelskärmen

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

Ett enda avslutande * stöds i ett världsnamnsprefix. Exakta namn har företräde framför wildcard-mönster; annars vinner det längsta matchande prefixet.

04Konfigurations-JSON

Anpassad O-Key-bild

Använd din egen PNG med konfigurerbar storlek och position.

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

config.json — O-Key.AllWorlds.Hud

Visuellt resultatSchematisk förhandsvisning

O-Key · illustrativ HUD

O

Visning av spelskärmen

HUD-position: right:-5, top:138. Kommandon och beteende konfigureras i config.json.

Placera okey-survival.png i mods/MenuInfoPages/images/. Anpassa Width/Height till PNG-bildens proportioner, till exempel 600×400 renderad som 300×200.

KAPITEL 04 · 2 EXEMPEL

ItemCommands

Skapa föremål med separata kommandon för vänster- och högerklick.

01Konfigurations-JSON

Aktivera ett demo-föremål

Det inkluderade exemplet innehåller ett interaktivt källföremål med separata vänster- och högeråtgärder.

JSON-konfiguration
{
  "itemCommands": {
    "enabled": true,
    "items": [
      {
        "id": "demo",
        "sourceItem": "MenuInfoPages_Demo_Grimoire_Source",
        "name": "Demosidor",
        "quality": "",
        "leftClickCommand": "menuinfopages",
        "rightClickCommand": "menuinfopages"
      }
    ]
  }
}

config.json — itemCommands object

Visuellt resultatSchematisk förhandsvisning

ItemCommands · interaktionskarta

Demosidor

Vänsterklick/menuinfopages
Högerklick/menuinfopages

Detta är det faktiska ID:t för källföremålet i det inkluderade exemplet. Till skillnad från sidändringar kan strukturella föremålsändringar kräva en serveromstart.

02Konfigurations-JSON

Separata vänster- och högerkommandon

Använd ett befintligt Hytale-föremål eller ett föremål från en installerad mod som källa för en ny interaktiv genväg.

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

config.json — itemCommands object

Visuellt resultatSchematisk förhandsvisning

ItemCommands · interaktionskarta

Servergenvägar

Vänsterklick/welcome
Högerklick/spawn

Ersätt sourceItem med ett riktigt item-ID som finns på servern och välj befintliga kommandon som spelarna har åtkomst till. ItemCommands är oberoende av sidans JSON.

Innan du använder ett exempel

Kompletta sidexempel: Placera varje JSON-objekt i en egen fil under mods/MenuInfoPages/pages/sv-SE/. Håll varje sidkommando unikt och översätt motsvarande sidfiler i andra språkmappar vid behov.

Konfigurationsexempel: O-Key- och ItemCommands-objekten är delar av din befintliga config.json. Lägg in de visade egenskaperna på rätt plats; ersätt aldrig hela konfigurationsfilen med ett litet exempel.

Säker konfiguration: Placera refererade PNG-filer i den förväntade bildmappen. För bästa prestanda rekommenderas, men krävs inte, att enskilda bilder hålls under 2 MB; större filer kan kräva mer laddningstid och minne. Demokommandon, navigationsmål, permission nodes och externa URL:er är platshållare för resurser du själv tillhandahåller. Undvik att köra privilegierade kommandon för spelare du inte litar på.

Nuvarande schema: Den här guiden dokumenterar det befintliga systemet med sections, leftContent och rightContent; en möjlig framtida enhetlig content/cells-modell visas inte som en redan lanserad funktion.

TILLBAKA TILL TOPPEN