HandyCafe Docs
owner

Aspectul clientului

Configurați cum arată desktop-ul client în timpul sesiunilor active în cybercafe-ul sau centrul de gaming. Toate setările de aspect sunt gestionate de pe server și transmise clienților conectați în timp real.

Teme

Tema de design stabilește aranjamentul și stilul vizual al desktop-ului client. Temele sunt grupate în trei familii.

Esențiale

Cele trei aranjamente de bază. Tot restul este construit pe unul dintre ele.

Temă Caracter
Arena HUD esports clar, cu o margine cyan
Cinema Perete de postere roșu cinematic, apropiat de o interfață TV
Tabletă Grilă de dale tactile în indigo, gândită pentru stațiile cu ecran tactil

Variante de culoare

Aceleași aranjamente, într-o culoare de accent diferită.

Temă Aranjament de bază și accent
Arena Neon Aranjament arenă, cyan neon
Puls Carmin Aranjament arenă, carmin
Adâncime de Smarald Aranjament arenă, verde smarald
Strălucire de Apus Aranjament arenă, portocaliu de apus
Argint de Miezul Nopții Aranjament cinema, argintiu monocrom

Scene imersive

Interfețe animate pe tot ecranul, cu structură proprie, nu o recolorare a unui aranjament de bază.

Temă Caracter
HoloDeck Punte de sticlă SF cu accente holografice cyan
Starforge Cadru HUD complet peste o nebuloasă stelară, cu un inel holografic proiectat pe podea
Starport Cabină de stație la răsăritul planetar, cu console laterale înclinate spre interior și o bară de bibliotecă în partea de jos
NeonVice Cursă nocturnă synthwave: un soare retro cu benzi peste o grilă neon în derulare
Obsidian Salon antracit cu fum volumetric monocrom și un luciu de platină
Mirage Dune de deșert arse de soare, cu o pâclă de căldură tremurândă și un accent teracotă
Aurora Panouri de sticlă mătuită cu lumini colorate plutitoare pe o pânză aproape neagră
Riptide Lansator divizat de adâncuri, cu lumină caustică
Voltage Grilă esports cu energie live
Eclipse Carusel central cu o coroană aurie

O temă imersivă încarcă interfața mai mult decât cele esențiale. Pe hardware client mai vechi, preferați una dintre temele esențiale sau o variantă de culoare.

Presetări de aranjament

Patru presetări de aranjament definesc dispunerea structurală a conținutului pe desktop-ul client:

  • Clasic împărțit -- echilibru între zona hero și catalogul de aplicații.
  • Evidențiere largă sus -- banner hero mare în partea de sus cu catalogul dedesubt.
  • Catalog larg jos -- zonă hero compactă cu secțiune de catalog extinsă.
  • Focalizare compactă -- aranjament minimal care pune accent pe o vizualizare curată și focalizată.

Configurarea afișajului

Reglați fin modul în care conținutul este prezentat în cadrul aranjamentului ales:

Setare Opțiuni Descriere
Flux carduri Defilare orizontală, Trecere la linia următoare Dacă cardurile de aplicații defilează orizontal sau se rearanjează pentru a umple spațiul disponibil.
Prezentarea conținutului Poster mai întâi, Doar pictograma Dacă cardurile de aplicații afișează grafica de poster sau doar pictograme.
Proporție poster 9x16, 2x3, 16x9, 4x3, 3x2, 3x4 Raportul de aspect pentru imaginile de poster pe cardurile de aplicații.
Densitate carduri Mare, Medie, Compactă Dimensiunea cardurilor de aplicații în grilă.
Efect la trecere Scalare + strălucire, Fără animație Animația când clienții trec cu cursorul peste un card de aplicație.

Opțiunile suplimentare de afișare includ setările de animație hero și configurarea secțiunilor meniului lateral.

Personalizarea temei Starforge

Selectați Starforge la Tema de design pentru a folosi interfața client WebGL. Cât timp această temă este selectată, panoul de aspect online este identificat drept Starforge · Aspect online global.

Starforge folosește comenzile de aspect persistente deja existente:

Setare Comportament în Starforge
Proporție poster Schimbă geometria WebGL folosită pentru posterele din bibliotecă.
Densitate carduri Schimbă dimensiunea și spațierea posterelor, păstrând efectul de adâncime centrat.
Activează animația evidențiată Activează sau dezactivează tranziția WebGL între posterele evidențiate.
Tip animație evidențiere Selectează direcția tranziției sau tranziția de estompare sincronizată cu puntea.

Scena evidențiată folosește un strat WebGL de sticlă înghețată ușor transparent peste o animație procedurală de auroră. Fundalul cosmic configurat rămâne vizibil prin scenă. În fundal nu este folosită nicio grafică de poster. Fiecare selecție evidențiată primește o culoare de accent și o fază de animație diferite. Picăturile subțiri de apă folosesc viteze variate, urme curbate și pauze neregulate. Picăturile se estompează în apropierea marginii panoului pentru a preveni formele tăiate. Bruma cristalină și reflexiile în mișcare adaugă adâncime. Un poster decupat pentru acoperire stă deasupra sticlei, în dreapta, cu o perspectivă orientată spre stânga. Rămâne în interiorul scenei evidențiate și are colțuri ușor rotunjite, o margine ușor înghețată și o umbră chiar sub el. Scena evidențiată are, la rândul ei, colțuri ușor rotunjite. Posterele evidențiate și cele din bibliotecă își păstrează raportul de aspect al imaginii. Geometria posterelor din bibliotecă folosește tăieturi ușoare în colțul din dreapta sus și în cel din stânga jos. Posterele din bibliotecă au de asemenea umbre individuale și urmează o orbită WebGL curbată în jurul cardului activ. Navigarea cu rotița mouse-ului are un răspuns mai rapid. Tragerea schimbă continuu unghiul de orbită, adâncimea, scara și rotația fiecărui poster fără a schimba selecția. Selecția se schimbă după eliberare, atunci când distanța sau inerția de eliberare depășește pragul. Butoanele săgeată și navigarea de la tastatură actualizează la rândul lor posterul selectat. Cardul de stare din dreapta sus arată gazda clientului și timpul de utilizare scurs.

Configurarea fundalului

Personalizați fundalul desktop-ului independent de temă:

Setare Opțiuni
Tip fundal Culoare solidă, Imagine, Videoclip, Gradient
Opacitate suprapunere 0% la 100%
Estompare 0 la 20
Opacitate carduri Transparență ajustabilă pentru cardurile de aplicații peste fundal

Conținutul media (imagini și videoclipuri) poate fi încărcat pentru utilizare ca fundal.

Presetări rapide

Aplicați o configurare completă a fundalului cu un singur clic folosind presetările incorporate:

  • Minimalist închis -- fundal închis solid cu estompare redusă.
  • Neon gaming -- gradient conic în tonuri de violet și albastru.
  • Albastru ocean -- gradient liniar albastru.
  • Apus cald -- gradient cald cu tonuri de portocaliu și roșu.
  • Pădure -- gradient verde.

Actualizări în timp real

Toate modificările de aspect sunt transmise imediat clienților conectați. Când modificați temele, aranjamentele, setările de afișare sau fundalurile, modificările iau efect pe desktop-urile client fără a necesita o repornire.

Cod QR client

Setarea Cod QR client controlează codul QR permanent afișat pe ecranele de așteptare și de sesiune ale clientului. Planurile plătite îl pot activa sau dezactiva.

Pe planul Free codul QR este obligatoriu. Setarea rămâne vizibilă în stare blocată. Serverul aplică această regulă și atunci când construiește datele meniului client, astfel încât modificarea unui fișier local de setări nu poate elimina codul QR.

Videoclipuri asociate

Teme și aspect pentru ecranul clientului

Alege o temă, stabilește forma și densitatea cardurilor, scrie mesajul de întâmpinare și decide ce rulează în spatele grilei.