HandyCafe Docs
owner

Внешний вид клиента

Настройте внешний вид рабочего стола клиента во время активных сессий в вашем кибер-кафе или игровом центре. Все параметры внешнего вида управляются с сервера и передаются подключенным клиентам в реальном времени.

Темы

Параметр Тема дизайна определяет раскладку и визуальный стиль рабочего стола клиента. Темы разделены на три семейства.

Основные

Три базовые раскладки. Все остальное построено на одной из них.

Тема Характер
Arena Четкий киберспортивный HUD с голубым краем
Cinema Кинематографичная красная стена постеров, ближе к интерфейсу телевизора
Tablet Сенсорная сетка плиток в цвете индиго, рассчитанная на станции с сенсорным экраном

Цветовые варианты

Те же раскладки в другом акцентном цвете.

Тема Базовая раскладка и акцент
Neon Arena Раскладка Arena, неоновый голубой
Crimson Pulse Раскладка Arena, багровый
Emerald Depth Раскладка Arena, изумрудно-зеленый
Sunset Glow Раскладка Arena, закатный оранжевый
Midnight Silver Раскладка Cinema, монохромный серебряный

Иммерсивные сцены

Анимированные полноэкранные интерфейсы с собственной структурой, а не перекрашенная базовая раскладка.

Тема Характер
HoloDeck Стеклянная палуба в стиле sci-fi с голубыми голографическими акцентами
Starforge Полная HUD-рамка над звездной туманностью со спроецированным на пол кольцом-голограммой
Starport Кабина станции на планетарном рассвете с наклоненными внутрь боковыми консолями и нижним рядом библиотеки
NeonVice Ночная поездка в стиле synthwave: полосатое ретро-солнце над бегущей неоновой сеткой
Obsidian Антрацитовый лаундж с монохромным объемным дымом и платиновым блеском
Mirage Выжженные пустынные дюны с мерцающим маревом и терракотовым акцентом
Aurora Матовые стеклянные панели с плывущими цветными огнями на почти черном холсте
Riptide Глубоководный лаунчер с разделенным экраном и каустическим светом
Voltage Киберспортивная сетка с живой энергией
Eclipse Карусель в центре сцены с золотой короной

Иммерсивная тема нагружает интерфейс сильнее, чем основные. На старом клиентском оборудовании лучше выбрать одну из основных тем или цветовой вариант.

Предустановки раскладки

Четыре предустановки раскладки определяют структурное расположение контента на рабочем столе клиента:

  • Split Classic - сбалансированное разделение между зоной героя и каталогом приложений.
  • Hero Wide Top - крупный баннер героя вверху с каталогом внизу.
  • Catalog Wide Bottom - компактная зона героя с расширенным разделом каталога.
  • Compact Focus - минималистичная раскладка с акцентом на чистый вид.

Настройка отображения

Тонкая настройка отображения контента в рамках выбранной раскладки:

Параметр Варианты Описание
Прокрутка карточек Горизонтальная прокрутка, Перенос на следующую строку Прокрутка карточек по горизонтали или перенос для заполнения доступного пространства.
Представление контента Постер, Только иконка Отображение постера или только иконки на карточках приложений.
Пропорции постера 9x16, 2x3, 16x9, 4x3, 3x2, 3x4 Соотношение сторон постеров на карточках приложений.
Плотность карточек Крупные, Средние, Компактные Размер карточек приложений в сетке.
Эффект при наведении Масштаб + свечение, Статичный Анимация при наведении курсора на карточку приложения.

Дополнительные параметры включают настройки анимации зоны героя и конфигурацию секций бокового меню.

Настройка Starforge

Выберите Starforge в списке «Тема дизайна», чтобы использовать клиентский интерфейс на WebGL. Пока выбрана эта тема, панель онлайн-раскладки обозначается как Starforge · Глобальная онлайн-раскладка.

Starforge использует существующие постоянные элементы управления внешним видом:

Параметр Поведение в Starforge
Пропорции постера Меняет геометрию WebGL, используемую для постеров библиотеки.
Плотность карточек Меняет размер и интервалы постеров, сохраняя центрированный эффект глубины.
Включить анимацию избранного Включает или отключает WebGL-переход между избранными постерами.
Тип анимации избранного Выбирает направление перехода или затухание, синхронизированное с колодой.

Сцена избранного использует слегка прозрачный слой матового стекла WebGL поверх процедурной анимации сияния. Настроенный космический фон остается виден сквозь сцену. Оформление постеров в фоне не используется. Каждый выбранный элемент избранного получает свой акцентный цвет и фазу анимации. Тонкие капли воды двигаются с разной скоростью, по изогнутым траекториям и с неравномерными паузами. У границы панели капли растворяются, чтобы не появлялись обрезанные фигуры. Кристаллический иней и подвижные блики добавляют глубины. Постер с кадрированием по заполнению расположен над стеклом справа, с перспективой, повернутой влево. Он остается внутри сцены избранного и имеет мягко скругленные углы, слегка заиндевевшую кромку и тень прямо под собой. У самой сцены избранного углы скруглены слегка. Постеры избранного и библиотеки сохраняют свои пропорции изображения. Геометрия постеров библиотеки использует легкие срезы верхнего правого и нижнего левого углов. У постеров библиотеки также есть собственные тени, и они движутся по изогнутой WebGL-орбите вокруг активной карточки. Навигация колесом мыши откликается быстрее. Перетаскивание непрерывно меняет угол орбиты, глубину, масштаб и поворот каждого постера, не меняя выбор. Выбор меняется после отпускания, когда расстояние или инерция отпускания превышают порог. Кнопки со стрелками и навигация с клавиатуры также обновляют выбранный постер. Карточка статуса в правом верхнем углу показывает имя клиентского хоста и время использования.

Настройка фона

Настройка фона рабочего стола независимо от темы:

Параметр Варианты
Тип фона Сплошной цвет, Изображение, Видео, Градиент
Непрозрачность наложения 0% - 100%
Размытие 0 - 20
Непрозрачность карточек Настраиваемая прозрачность карточек приложений поверх фона

Медиафайлы (изображения и видео) можно загрузить для использования в качестве фона.

Быстрые предустановки

Применение полной конфигурации фона одним нажатием с помощью встроенных предустановок:

  • Минимальный - сплошной темный фон с небольшим размытием.
  • Игровой - конический градиент в фиолетовых и синих тонах.
  • Океан - линейный синий градиент.
  • Закат - теплый градиент с оранжевыми и красными тонами.
  • Лес - зеленый градиент.

Обновления в реальном времени

Все изменения внешнего вида моментально передаются подключенным клиентам. При изменении тем, раскладок, параметров отображения или фонов изменения вступают в силу на рабочих столах клиентов без перезагрузки.

QR-код клиента

Параметр QR-код клиента управляет постоянным QR-кодом, который показывается на экранах ожидания и сессии клиента. На платных планах его можно включить или выключить.

На бесплатном плане QR-код обязателен. Параметр остается видимым, но заблокированным. Сервер соблюдает это правило и при сборке данных клиентского меню, поэтому изменение локального файла настроек не может убрать QR-код.

Связанные видео

Темы оформления и макет клиентского экрана

Выберите тему, задайте форму и плотность карточек, напишите приветствие и решите, что будет крутиться на фоне за сеткой игр.