HandyCafe Docs
owner

Client-Erscheinungsbild

Konfigurieren Sie das Aussehen des Client-Desktops während aktiver Sitzungen in Ihrem Cybercafe oder Gaming-Center. Alle Erscheinungsbildeinstellungen werden vom Server verwaltet und in Echtzeit an verbundene Clients übertragen.

Designs

Design-Thema bestimmt das Layout und den visuellen Stil des Client-Desktops. Die Designs sind in drei Familien gegliedert.

Grundlagen

Die drei Basis-Layouts. Alles andere baut auf einem davon auf.

Design Charakter
Arena Scharfes Esports-HUD mit cyanfarbener Kante
Cinema Filmische rote Posterwand, näher an einer TV-Oberfläche
Tablet Touch-Kachelraster in Indigo, gebaut für Touchscreen-Stationen

Farbvarianten

Dieselben Layouts in einer anderen Akzentfarbe.

Design Basis-Layout und Akzent
Neon Arena Arena-Layout, Neon-Cyan
Crimson Pulse Arena-Layout, Karminrot
Emerald Depth Arena-Layout, Smaragdgrün
Sunset Glow Arena-Layout, Sonnenuntergangs-Orange
Midnight Silver Cinema-Layout, monochromes Silber

Immersive Szenen

Animierte Vollbildoberflächen mit eigener Struktur statt einer Umfärbung eines Basis-Layouts.

Design Charakter
HoloDeck Sci-Fi-Glasdeck mit cyanfarbenen holografischen Akzenten
Starforge Vollständiger HUD-Rahmen über einem Sternennebel, mit einem auf den Boden projizierten Hologrammring
Starport Stations-Cockpit beim planetaren Sonnenaufgang, mit nach innen geneigten Seitenkonsolen und einer unteren Bibliotheksleiste
NeonVice Synthwave-Nachtfahrt: eine gestreifte Retro-Sonne über einem scrollenden Neon-Raster
Obsidian Anthrazit-Lounge mit monochromem volumetrischem Rauch und einem Platinschimmer
Mirage Verbrannte Wüstendünen mit flimmerndem Hitzeschleier und einem Terrakotta-Akzent
Aurora Mattierte Glaspaneele mit treibenden farbigen Lichtern auf einer nahezu schwarzen Fläche
Riptide Tiefsee-Split-Launcher mit Lichtkaustik
Voltage Esports-Raster mit lebendiger Energie
Eclipse Karussell im Rampenlicht mit goldener Korona

Ein immersives Design bringt eine schwerere Oberfläche mit als die Grundlagen. Bevorzugen Sie auf älterer Client-Hardware eine der Grundlagen oder eine Farbvariante.

Layout-Presets

Vier Layout-Presets definieren die strukturelle Anordnung der Inhalte auf dem Client-Desktop:

  • Split Classic: ausgewogene Aufteilung zwischen Hero-Bereich und App-Katalog.
  • Hero Wide Top: großes Hero-Banner oben mit dem Katalog darunter.
  • Catalog Wide Bottom: kompakter Hero-Bereich mit erweitertem Katalogbereich.
  • Compact Focus: minimalistisches Layout mit Fokus auf eine aufgeräumte Ansicht.

Anzeigekonfiguration

Optimieren Sie die Darstellung der Inhalte innerhalb des gewählten Layouts:

Einstellung Optionen Beschreibung
Kartenfluss Horizontales Scrollen, Umbruch in nächste Zeile Ob App-Karten horizontal scrollen oder umbrechen, um den verfügbaren Platz zu füllen.
Inhaltspräsentation Poster zuerst, Nur Symbol Ob App-Karten Poster-Artwork oder nur Symbole anzeigen.
Poster-Seitenverhältnis 9x16, 2x3, 16x9, 4x3, 3x2, 3x4 Seitenverhältnis für Posterbilder auf App-Karten.
Kartendichte Groß, Mittel, Kompakt Größe der App-Karten im Raster.
Hover-Effekt Skalierung + Leuchten, Statisch Animation beim Hovern über eine App-Karte.

Zusätzliche Anzeigeoptionen umfassen Hero-Animationseinstellungen und Seitenmenü-Bereichskonfiguration.

Starforge anpassen

Wählen Sie unter Design-Thema Starforge, um die WebGL-Client-Oberfläche zu verwenden. Das Panel für das Online-Layout ist bei ausgewähltem Design als Starforge · Globales Online-Layout gekennzeichnet.

Starforge nutzt die vorhandenen dauerhaften Erscheinungsbild-Steuerungen:

Einstellung Verhalten in Starforge
Poster-Seitenverhältnis Ändert die WebGL-Geometrie, die für Bibliotheksposter verwendet wird.
Kartendichte Ändert Postergröße und Abstände, wobei der zentrierte Tiefeneffekt erhalten bleibt.
Hervorgehobene Animation aktivieren Aktiviert oder deaktiviert den WebGL-Übergang zwischen hervorgehobenen Postern.
Typ der hervorgehobenen Animation Wählt die Übergangsrichtung oder den mit dem Deck synchronisierten Überblendungsübergang.

Die Hervorhebungsbühne verwendet eine leicht transparente WebGL-Milchglasschicht über einer prozeduralen Aurora-Animation. Der konfigurierte Kosmos-Hintergrund bleibt durch die Bühne hindurch sichtbar. Im Hintergrund wird kein Poster-Artwork verwendet. Jede Hervorhebung erhält eine andere Akzentfarbe und Animationsphase. Dünne Wassertropfen laufen mit unterschiedlichen Geschwindigkeiten, gekrümmten Bahnen und unregelmäßigen Pausen. Die Tropfen blenden nahe der Panelgrenze aus, damit keine abgeschnittenen Formen entstehen. Kristalliner Frost und wandernde Glanzlichter erzeugen Tiefe. Ein formatfüllend beschnittenes Poster liegt rechts über dem Glas und ist nach links perspektivisch geneigt. Es bleibt innerhalb der Hervorhebungsbühne und hat sanft abgerundete Ecken, einen leicht vereisten Rand und einen Schatten direkt darunter. Die Hervorhebungsbühne selbst hat leicht abgerundete Ecken. Hervorgehobene Poster und Bibliotheksposter behalten ihr Bildseitenverhältnis. Die Geometrie der Bibliotheksposter verwendet leichte Anschnitte an der oberen rechten und der unteren linken Ecke. Bibliotheksposter haben zudem eigene Schatten und folgen einer gekrümmten WebGL-Umlaufbahn um die aktive Karte. Die Navigation per Mausrad reagiert schneller. Ziehen verändert Umlaufwinkel, Tiefe, Skalierung und Drehung jedes Posters fortlaufend, ohne die Auswahl zu ändern. Die Auswahl wechselt nach dem Loslassen, sobald die Distanz oder der Schwung beim Loslassen den Schwellenwert überschreitet. Auch die Navigation über die Pfeiltasten und die Tastatur aktualisiert das ausgewählte Poster. Die Statuskarte oben rechts zeigt den Client-Host und die verstrichene Nutzungszeit.

Hintergrundkonfiguration

Passen Sie den Desktop-Hintergrund unabhängig vom Design an:

Einstellung Optionen
Hintergrundtyp Volltonfarbe, Bild, Video, Farbverlauf
Overlay-Deckkraft 0% bis 100%
Unschärfe 0 bis 20
Karten-Deckkraft Einstellbare Transparenz für App-Karten über dem Hintergrund

Medien-Assets (Bilder und Videos) können als Hintergrundinhalte hochgeladen werden.

Schnellvorlagen

Wenden Sie eine komplette Hintergrundkonfiguration mit einem Klick über die integrierten Vorlagen an:

  • Minimal: solider dunkler Hintergrund mit geringer Unschärfe.
  • Gaming: konischer Farbverlauf in Lila- und Blautönen.
  • Ocean: linearer blauer Farbverlauf.
  • Sunset: warmer Farbverlauf mit Orange- und Rottönen.
  • Forest: grüner Farbverlauf.

Echtzeit-Aktualisierungen

Alle Erscheinungsbildänderungen werden sofort an verbundene Clients übertragen. Wenn Sie Designs, Layouts, Anzeigeeinstellungen oder Hintergründe ändern, werden die Änderungen auf den Client-Desktops wirksam, ohne dass ein Neustart erforderlich ist.

Client-QR-Code

Die Einstellung Client-QR-Code steuert den dauerhaften QR-Code, der auf dem Leerlauf- und dem Online-Bildschirm des Clients angezeigt wird. Bezahlte Tarife können ihn ein- oder ausschalten.

Im Free-Plan ist der QR-Code vorgeschrieben. Die Einstellung bleibt sichtbar, ist aber gesperrt. Der Server setzt diese Regel auch beim Aufbau der Client-Menüdaten durch, sodass das Ändern einer lokalen Einstellungsdatei den QR-Code nicht entfernen kann.

Zugehörige Videos

Design und Layout des Client-Bildschirms

Wählen Sie ein Design, legen Sie Form und Dichte der Kacheln fest, schreiben Sie Ihre Begrüßung und bestimmen Sie, was im Hintergrund läuft.