Aparência do Cliente
Configure como a área de trabalho do cliente aparece durante sessões ativas na sua lan house ou centro de jogos. Todas as configurações de aparência são gerenciadas pelo servidor e enviadas aos clientes conectados em tempo real.
Temas
O Tema de design decide o layout e o estilo visual da área de trabalho do cliente. Os temas estão agrupados em três famílias.
Essenciais
Os três layouts base. Todo o resto é construído sobre um deles.
| Tema | Caráter |
|---|---|
| Arena | HUD de esports nítido com um contorno ciano |
| Cinema | Parede de pôsteres cinematográfica vermelha, mais próxima de uma interface de TV |
| Tablet | Grade de mosaicos por toque em índigo, feita para estações com tela sensível ao toque |
Variantes de cor
Os mesmos layouts em uma cor de destaque diferente.
| Tema | Layout base e destaque |
|---|---|
| Neon Arena | Layout Arena, ciano neon |
| Crimson Pulse | Layout Arena, carmesim |
| Emerald Depth | Layout Arena, verde esmeralda |
| Sunset Glow | Layout Arena, laranja de pôr do sol |
| Midnight Silver | Layout Cinema, prata monocromático |
Cenas imersivas
Interfaces animadas em tela cheia com estrutura própria e não apenas uma nova cor sobre um layout base.
| Tema | Caráter |
|---|---|
| HoloDeck | Convés de vidro sci-fi com detalhes holográficos ciano |
| Starforge | Moldura HUD completa sobre uma nebulosa estelar, com um anel holográfico projetado no chão |
| Starport | Cabine de estação ao nascer do sol planetário, com consoles laterais inclinados para dentro e um trilho de biblioteca na parte inferior |
| NeonVice | Passeio noturno synthwave: um sol retrô em faixas sobre uma grade neon em movimento |
| Obsidian | Lounge antracite com fumaça volumétrica monocromática e um brilho de platina |
| Mirage | Dunas de deserto escaldante com um cintilar de calor e um destaque em terracota |
| Aurora | Painéis de vidro fosco com luzes coloridas deslizando sobre uma tela quase negra |
| Riptide | Menu dividido de fundo do mar com luz cáustica |
| Voltage | Grade de esports com energia ao vivo |
| Eclipse | Carrossel central com uma coroa dourada |
Um tema imersivo carrega uma interface mais pesada que os essenciais. Em hardware de cliente mais antigo, prefira um dos essenciais ou uma variante de cor.
Presets de Layout
Quatro presets de layout definem a disposição estrutural do conteúdo na área de trabalho do cliente:
- Split Classic: divisão equilibrada entre a área hero e o catálogo de aplicativos.
- Hero Wide Top: banner hero grande no topo com o catálogo abaixo.
- Catalog Wide Bottom: área hero compacta com uma seção de catálogo expandida.
- Compact Focus: layout minimalista enfatizando uma visualização limpa e focada.
Configuração de Exibição
Ajuste fino de como o conteúdo é apresentado dentro do layout escolhido:
| Configuração | Opções | Descrição |
|---|---|---|
| Fluxo dos cartões | Scroll Horizontal, Quebra de Linha | Se os cartões de apps rolam horizontalmente ou quebram para preencher o espaço disponível. |
| Apresentação de conteúdo | Poster Primeiro, Apenas Ícone | Se os cartões de apps exibem arte do poster ou apenas ícones. |
| Proporção do poster | 9x16, 2x3, 16x9, 4x3, 3x2, 3x4 | Proporção para imagens de poster nos cartões de apps. |
| Densidade dos cartões | Grande, Médio, Compacto | Tamanho dos cartões de apps na grade. |
| Efeito hover | Escala + Brilho, Estático | Animação quando clientes passam o mouse sobre um cartão de app. |
Opções adicionais de exibição incluem configurações de animação hero e configuração de seções do menu lateral.
Personalização do Starforge
Selecione Starforge em Tema de design para usar a interface de cliente em WebGL. Enquanto esse tema está selecionado, o painel de layout online é identificado como Starforge · Layout Online Global.
O Starforge usa os controles de aparência persistentes já existentes:
| Configuração | Comportamento no Starforge |
|---|---|
| Proporção do poster | Altera a geometria WebGL usada nos pôsteres da biblioteca. |
| Densidade dos cartões | Altera o tamanho e o espaçamento dos pôsteres preservando o efeito de profundidade centralizado. |
| Ativar animação de destaque | Ativa ou desativa a transição WebGL entre os pôsteres em destaque. |
| Tipo de animação de destaque | Seleciona a direção da transição ou a transição em fade sincronizada com o deck. |
O palco de destaque usa uma camada WebGL de vidro congelado levemente transparente sobre uma animação procedural de aurora. O fundo de cosmos configurado continua visível através do palco. Nenhuma arte de pôster é usada no fundo. Cada seleção em destaque recebe uma cor de destaque e uma fase de animação diferentes. Gotas de água finas usam velocidades variadas, trilhas curvas e pausas irregulares. As gotas desaparecem perto da borda do painel para evitar formas cortadas. Cristais de gelo e brilhos em movimento acrescentam profundidade. Um pôster recortado em modo cover fica acima do vidro, à direita, com perspectiva voltada para a esquerda. Ele permanece dentro do palco de destaque e tem cantos levemente arredondados, uma borda levemente congelada e uma sombra logo abaixo. O próprio palco de destaque tem cantos levemente arredondados. Os pôsteres em destaque e os da biblioteca preservam as proporções de suas imagens. A geometria dos pôsteres da biblioteca usa cortes leves nos cantos superior direito e inferior esquerdo. Os pôsteres da biblioteca também têm sombras individuais e seguem uma órbita WebGL curva em torno do cartão ativo. A navegação pela roda do mouse tem resposta mais rápida. Arrastar altera continuamente o ângulo de órbita, a profundidade, a escala e a rotação de cada pôster sem mudar a seleção. A seleção muda depois de soltar, quando a distância ou o impulso de soltura ultrapassa o limiar. A navegação pelos botões de seta e pelo teclado também atualiza o pôster selecionado. O cartão de status no canto superior direito mostra o host do cliente e o tempo de uso decorrido.
Configuração de Fundo
Personalize o fundo da área de trabalho independente do tema:
| Configuração | Opções |
|---|---|
| Tipo de fundo | Cor sólida, Imagem, Vídeo, Gradiente |
| Opacidade da sobreposição | 0% a 100% |
| Desfoque | 0 a 20 |
| Opacidade dos cartões | Transparência ajustável para cartões de apps sobre o fundo |
Mídias (imagens e vídeos) podem ser enviadas para uso como conteúdo de fundo.
Presets Rápidos
Aplique uma configuração completa de fundo com um clique usando os presets integrados:
- Minimal: fundo escuro sólido com desfoque baixo.
- Gaming: gradiente cônico em tons roxo e azul.
- Ocean: gradiente linear azul.
- Sunset: gradiente quente com tons laranja e vermelho.
- Forest: gradiente verde.
Atualizações em Tempo Real
Todas as alterações de aparência são enviadas aos clientes conectados imediatamente. Quando você modifica temas, layouts, configurações de exibição ou fundos, as alterações entram em vigor nas áreas de trabalho dos clientes sem necessidade de reiniciar.
Código QR do Cliente
A configuração Código QR do cliente controla o código QR sempre visível exibido nas telas de espera e de sessão do cliente. Os planos pagos podem ligá-lo ou desligá-lo.
O código QR é obrigatório no plano Gratuito. A configuração continua visível porém bloqueada. O servidor também aplica essa regra quando monta os dados do menu do cliente, de modo que alterar um arquivo de configuração local não remove o código QR.