HandyCafe Docs
owner

Apparence du client

Configurez l'apparence du bureau client durant les sessions actives dans votre cybercafé ou centre de jeux. Tous les paramètres d'apparence sont gérés depuis le serveur et transmis aux clients connectés en temps réel.

Thèmes

Le Thème de design détermine la mise en page et le style visuel du bureau client. Les thèmes sont répartis en trois familles.

Essentiels

Les trois mises en page de base. Tout le reste s'appuie sur l'une d'elles.

Thème Caractère
Arène HUD esport net avec un bord cyan
Cinéma Mur d'affiches rouge cinématographique, proche d'une interface de téléviseur
Tablette Grille de tuiles tactiles en indigo, conçue pour les postes à écran tactile

Variantes de couleur

Les mêmes mises en page dans une couleur d'accentuation différente.

Thème Mise en page de base et accent
Arène Néon Disposition arène, cyan néon
Crimson Pulse Disposition arène, cramoisi
Emerald Depth Disposition arène, vert émeraude
Lueur du coucher de soleil Disposition arène, orange couchant
Argent de minuit Disposition cinéma, argent monochrome

Scènes immersives

Interfaces animées en plein écran dotées de leur propre structure. Il ne s'agit pas d'une simple recoloration d'une mise en page de base.

Thème Caractère
HoloDeck Pont de verre de science-fiction avec accents holographiques cyan
Starforge Cadre HUD complet sur une nébuleuse étoilée, avec un anneau holographique projeté au sol
Starport Cockpit de station au lever de soleil planétaire, avec consoles latérales inclinées vers l'intérieur et rail de bibliothèque en bas
NeonVice Virée nocturne synthwave : un soleil rétro strié au-dessus d'une grille néon défilante
Obsidian Salon anthracite avec fumée volumétrique monochrome et lustre platine
Mirage Dunes de désert brûlées avec une brume de chaleur miroitante et un accent terracotta
Aurora Panneaux de verre givré avec des lumières colorées dérivantes sur une toile presque noire
Riptide Lanceur scindé des grands fonds avec lumière caustique
Voltage Grille esport avec énergie en direct
Eclipse Carrousel au centre de la scène avec une couronne dorée

Un thème immersif impose une interface plus lourde que les essentiels. Préférez un essentiel ou une variante de couleur sur du matériel client ancien.

Préconfigurations de mise en page

Quatre préconfigurations de mise en page définissent l'agencement structurel du contenu sur le bureau client :

  • Split Classic : répartition équilibrée entre la zone de mise en avant et le catalogue d'applications.
  • Hero Wide Top : grande bannière de mise en avant en haut avec le catalogue en dessous.
  • Catalog Wide Bottom : zone de mise en avant compacte avec une section catalogue élargie.
  • Compact Focus : mise en page minimale privilégiant une vue épurée et concentrée.

Configuration de l'affichage

Affinez la présentation du contenu au sein de la mise en page choisie :

Paramètre Options Description
Défilement des cartes Défilement horizontal, Retour à la ligne Les cartes d'applications défilent horizontalement ou s'ajustent pour remplir l'espace disponible.
Présentation du contenu Affiche d'abord, Icône uniquement Les cartes d'applications affichent l'affiche ou seulement les icônes.
Ratio de l'affiche 9x16, 2x3, 16x9, 4x3, 3x2, 3x4 Ratio d'aspect des images d'affiche sur les cartes d'applications.
Densité des cartes Grande, Moyenne, Compacte Taille des cartes d'applications dans la grille.
Effet de survol Agrandissement + halo, Statique Animation au survol d'une carte d'application par le client.

Des options d'affichage supplémentaires incluent les paramètres d'animation de la zone de mise en avant et la configuration des sections du menu latéral.

Personnalisation de Starforge

Sélectionnez Starforge sous Thème de design pour utiliser l'interface client WebGL. Le panneau de mise en page en ligne est alors identifié comme Starforge · Mise en page en ligne globale.

Starforge réutilise les commandes d'apparence persistantes existantes :

Paramètre Comportement dans Starforge
Ratio de l'affiche Change la géométrie WebGL utilisée pour les affiches de la bibliothèque.
Densité des cartes Change la taille et l'espacement des affiches tout en préservant l'effet de profondeur centré.
Activer l'animation en vedette Active ou désactive la transition WebGL entre les affiches en vedette.
Type d'animation en vedette Choisit le sens de la transition ou le fondu synchronisé avec le deck.

La scène en vedette utilise une couche de verre givré WebGL légèrement transparente par-dessus une animation d'aurore procédurale. L'arrière-plan cosmos configuré reste visible à travers la scène. Aucune illustration d'affiche n'est utilisée en arrière-plan. Chaque sélection en vedette reçoit une couleur d'accentuation et une phase d'animation différentes. De fines gouttelettes d'eau adoptent des vitesses variées, des traînées courbes et des pauses irrégulières. Les gouttelettes s'estompent près du bord du panneau afin d'éviter les formes tronquées. Du givre cristallin et des reflets mobiles ajoutent de la profondeur. Une affiche recadrée en mode couverture se place au-dessus du verre, à droite, avec une perspective orientée vers la gauche. Elle reste à l'intérieur de la scène en vedette et présente des coins légèrement arrondis, un liseré légèrement givré et une ombre directement en dessous. La scène en vedette elle-même a des coins légèrement arrondis. Les affiches en vedette et celles de la bibliothèque conservent leur ratio d'aspect d'origine. La géométrie des affiches de la bibliothèque comporte de légères découpes aux coins supérieur droit et inférieur gauche. Les affiches de la bibliothèque possèdent aussi leur propre ombre et suivent une orbite WebGL courbe autour de la carte active. La navigation à la molette est plus réactive. Le glissement modifie en continu l'angle d'orbite, la profondeur, l'échelle et la rotation de chaque affiche sans changer la sélection. La sélection change après le relâchement lorsque la distance ou l'élan de relâchement dépasse le seuil. Les boutons fléchés et la navigation au clavier mettent aussi à jour l'affiche sélectionnée. La carte d'état en haut à droite indique l'hôte du client et le temps d'utilisation écoulé.

Configuration de l'arrière-plan

Personnalisez l'arrière-plan du bureau indépendamment du thème :

Paramètre Options
Type d'arrière-plan Couleur unie, Image, Vidéo, Dégradé
Opacité de la superposition 0 % à 100 %
Flou 0 à 20
Opacité des cartes Transparence ajustable pour les cartes d'applications par-dessus l'arrière-plan

Des ressources média (images et vidéos) peuvent être téléchargées pour servir de contenu d'arrière-plan.

Préconfigurations rapides

Appliquez une configuration d'arrière-plan complète en un clic à l'aide des préconfigurations intégrées :

  • Minimal : arrière-plan sombre uni avec un flou léger.
  • Gaming : dégradé conique dans des tons violets et bleus.
  • Ocean : dégradé linéaire bleu.
  • Sunset : dégradé chaud dans des tons oranges et rouges.
  • Forest : dégradé vert.

Mises à jour en temps réel

Toutes les modifications d'apparence sont transmises aux clients connectés immédiatement. Lorsque vous modifiez les thèmes, les mises en page, les paramètres d'affichage ou les arrière-plans, les changements prennent effet sur les bureaux clients sans nécessiter de redémarrage.

Code QR client

Le paramètre Code QR client contrôle le code QR permanent affiché sur les écrans d'attente et de session du client. Les plans payants peuvent l'activer ou le désactiver.

Le code QR est obligatoire avec le plan Gratuit. Le paramètre reste visible mais verrouillé. Le serveur applique également cette règle lorsqu'il construit les données du menu client, si bien que la modification d'un fichier de paramètres local ne peut pas supprimer le code QR.

Vidéos associées

Thèmes et mise en page de l'écran client

Choisissez un thème, réglez la forme et la densité des vignettes, rédigez votre message d'accueil et décidez de ce qui tourne derrière la grille de jeux.