Aspetto Client
Configura l'aspetto del desktop client durante le sessioni attive nel tuo cybercafé o gaming center. Tutte le impostazioni di aspetto sono gestite dal server e inviate ai client connessi in tempo reale.
Temi
Tema design decide il layout e lo stile visivo del desktop client. I temi sono raggruppati in tre famiglie.
Essenziali
I tre layout di base. Tutto il resto è costruito su uno di questi.
| Tema | Carattere |
|---|---|
| Arena | HUD esports nitido con bordo ciano |
| Cinema | Parete di poster rossa cinematografica, più vicina a un'interfaccia TV |
| Tablet | Griglia di riquadri touch in indaco, pensata per le postazioni con schermo touch |
Varianti di colore
Gli stessi layout con un colore d'accento diverso.
| Tema | Layout di base e accento |
|---|---|
| Arena neon | Layout arena, ciano neon |
| Impulso cremisi | Layout arena, cremisi |
| Profondità Smeraldo | Layout arena, verde smeraldo |
| Bagliore del Tramonto | Layout arena, arancione tramonto |
| Argento di Mezzanotte | Layout cinema, argento monocromatico |
Scene immersive
Interfacce animate a schermo intero con una struttura propria anziché una semplice ricolorazione di un layout di base.
| Tema | Carattere |
|---|---|
| HoloDeck | Ponte di vetro sci-fi con accenti olografici ciano |
| Starforge | Cornice HUD completa su una nebulosa stellare, con un anello olografico proiettato sul pavimento |
| Starport | Cabina di stazione all'alba planetaria, con console laterali inclinate verso l'interno e una barra libreria in basso |
| NeonVice | Guida notturna synthwave: un sole retrò a bande su una griglia neon scorrevole |
| Obsidian | Lounge antracite con fumo volumetrico monocromatico e un riflesso platino |
| Mirage | Dune desertiche roventi con una foschia di calore tremolante e un accento terracotta |
| Aurora | Pannelli in vetro smerigliato con luci colorate che scorrono su una tela quasi nera |
| Riptide | Launcher diviso abissale con luce caustica |
| Voltage | Griglia esports con energia dal vivo |
| Eclipse | Carosello al centro della scena con una corona dorata |
Un tema immersivo comporta un'interfaccia più pesante rispetto agli essenziali. Sull'hardware client più datato preferisci uno degli essenziali o una variante di colore.
Layout Preimpostati
Quattro layout preimpostati definiscono la disposizione strutturale dei contenuti sul desktop client:
- Diviso classico: suddivisione bilanciata tra l'area in evidenza e il catalogo app.
- In evidenza ampio in alto: grande banner in evidenza nella parte superiore con il catalogo sottostante.
- Catalogo ampio in basso: area in evidenza compatta con una sezione catalogo espansa.
- Focus compatto: layout minimale che enfatizza una vista pulita e focalizzata.
Configurazione Visualizzazione
Personalizza la presentazione dei contenuti all'interno del layout scelto:
| Impostazione | Opzioni | Descrizione |
|---|---|---|
| Modalità scorrimento schede | Scorrimento orizzontale, A capo alla riga successiva | Se le schede app scorrono orizzontalmente o vanno a capo per riempire lo spazio disponibile. |
| Presentazione contenuto | Poster in primo piano, Solo icona | Se le schede app mostrano il poster o solo le icone. |
| Proporzioni poster | 9x16, 2x3, 16x9, 4x3, 3x2, 3x4 | Proporzioni per le immagini poster sulle schede app. |
| Densità schede | Grande, Media, Compatta | Dimensione delle schede app nella griglia. |
| Effetto hover | Scala + bagliore, Statico | Animazione quando i clienti passano il mouse su una scheda app. |
Le opzioni di visualizzazione aggiuntive includono le impostazioni di animazione dell'area in evidenza e la configurazione delle sezioni del menu laterale.
Personalizzazione di Starforge
Seleziona Starforge in Tema design per usare l'interfaccia client WebGL. Mentre questo tema è selezionato, il pannello Layout online è identificato come Starforge · Layout online globale.
Starforge usa i controlli di aspetto persistenti già esistenti:
| Impostazione | Comportamento con Starforge |
|---|---|
| Proporzioni poster | Cambia la geometria WebGL usata per i poster della libreria. |
| Densità schede | Cambia dimensione e spaziatura dei poster mantenendo l'effetto di profondità centrato. |
| Abilita animazione in evidenza | Attiva o disattiva la transizione WebGL tra i poster in evidenza. |
| Tipo animazione in evidenza | Seleziona la direzione della transizione o la dissolvenza sincronizzata con il mazzo di poster. |
L'area in evidenza usa uno strato WebGL di vetro ghiacciato leggermente trasparente sopra un'animazione aurora procedurale. Lo sfondo cosmo configurato resta visibile attraverso l'area. Nessun poster viene usato nello sfondo. Ogni selezione in evidenza riceve un colore d'accento e una fase di animazione differenti. Le sottili gocce d'acqua usano velocità variabili, scie curve e pause irregolari. Le gocce sfumano vicino al bordo del pannello per evitare forme tagliate. Brina cristallina e riflessi in movimento aggiungono profondità. Un poster ritagliato in copertura si trova sopra il vetro sulla destra con una prospettiva rivolta a sinistra. Resta all'interno dell'area in evidenza e ha angoli leggermente arrotondati, un bordo lievemente ghiacciato e un'ombra direttamente sotto di sé. L'area in evidenza stessa ha angoli leggermente arrotondati. I poster in evidenza e quelli della libreria conservano le proporzioni originali dell'immagine. La geometria dei poster della libreria usa tagli leggeri sugli angoli in alto a destra e in basso a sinistra. I poster della libreria hanno anche ombre individuali e seguono un'orbita WebGL curva attorno alla scheda attiva. La navigazione con la rotella del mouse ha una risposta più rapida. Il trascinamento cambia in modo continuo angolo di orbita, profondità, scala e rotazione di ogni poster senza cambiare la selezione. La selezione cambia dopo il rilascio quando la distanza o lo slancio di rilascio supera la soglia. Anche i pulsanti freccia e la navigazione da tastiera aggiornano il poster selezionato. La scheda di stato in alto a destra mostra l'host del client e il tempo di utilizzo trascorso.
Configurazione Sfondo
Personalizza lo sfondo del desktop indipendentemente dal tema:
| Impostazione | Opzioni |
|---|---|
| Tipo sfondo | Colore solido, Immagine, Video, Gradiente |
| Opacità sovrapposizione | 0% al 100% |
| Sfocatura | Da 0 a 20 |
| Opacità schede | Trasparenza regolabile per le schede app sullo sfondo |
Le risorse multimediali (immagini e video) possono essere caricate per l'uso come contenuto di sfondo.
Preimpostazioni Rapide
Applica una configurazione completa dello sfondo con un solo clic utilizzando le preimpostazioni integrate:
- Minimal: sfondo scuro solido con bassa sfocatura.
- Gaming: gradiente conico nei toni del viola e blu.
- Ocean: gradiente blu lineare.
- Sunset: gradiente caldo con toni arancio e rosso.
- Forest: gradiente verde.
Aggiornamenti in Tempo Reale
Tutte le modifiche all'aspetto vengono inviate ai client connessi immediatamente. Quando modifichi temi, layout, impostazioni di visualizzazione o sfondi, le modifiche hanno effetto sui desktop client senza necessità di riavvio.
Codice QR Client
L'impostazione Codice QR client controlla il codice QR sempre visibile mostrato sulle schermate di attesa e di sessione del client. I piani a pagamento possono attivarlo o disattivarlo.
Il codice QR è obbligatorio con il piano Gratuito. L'impostazione resta visibile ma bloccata. Il server applica questa regola anche quando costruisce i dati del menu client, quindi modificare un file di impostazioni locale non può rimuovere il codice QR.