Giao diện Máy khách
Cấu hình giao diện desktop máy khách trong phiên sử dụng tại quán cybercafe hoặc trung tâm game. Tất cả cài đặt giao diện được quản lý từ máy chủ và đẩy đến máy khách đã kết nối theo thời gian thực.
Chủ đề
Chủ đề thiết kế quyết định bố cục và phong cách trực quan của desktop máy khách. Các chủ đề được chia thành ba nhóm.
Nhóm cơ bản
Ba bố cục nền tảng. Mọi chủ đề khác đều dựng trên một trong ba bố cục này.
| Chủ đề | Đặc điểm |
|---|---|
| Arena | HUD esports sắc nét, viền lục lam |
| Cinema | Tường áp phích đỏ điện ảnh, gần với giao diện TV |
| Tablet | Lưới ô cảm ứng màu chàm, dành cho máy trạm màn hình cảm ứng |
Biến thể màu
Vẫn là các bố cục đó với màu nhấn khác.
| Chủ đề | Bố cục nền và màu nhấn |
|---|---|
| Neon Arena | Bố cục arena, neon lục lam |
| Crimson Pulse | Bố cục arena, đỏ thẫm |
| Emerald Depth | Bố cục arena, xanh lục bảo |
| Sunset Glow | Bố cục arena, cam hoàng hôn |
| Midnight Silver | Bố cục cinema, bạc đơn sắc |
Cảnh nhập vai
Giao diện toàn màn hình có hoạt ảnh, với cấu trúc riêng chứ không phải bản đổi màu của một bố cục nền.
| Chủ đề | Đặc điểm |
|---|---|
| HoloDeck | Boong kính khoa học viễn tưởng với điểm nhấn ba chiều màu lục lam |
| Starforge | Khung HUD đầy đủ trên nền tinh vân sao, kèm vòng ba chiều chiếu xuống sàn |
| Starport | Buồng lái trạm không gian lúc bình minh trên hành tinh, với bảng điều khiển hai bên nghiêng vào trong và một dải thư viện phía dưới |
| NeonVice | Đêm lái xe synthwave: mặt trời retro dạng vệt trên lưới neon cuộn |
| Obsidian | Phòng chờ than antraxit với khói thể tích đơn sắc và ánh bạch kim |
| Mirage | Đụn cát sa mạc cháy nắng với hơi nóng lung linh và điểm nhấn màu đất nung |
| Aurora | Các tấm kính mờ với những vùng sáng màu trôi dạt trên nền gần đen |
| Riptide | Launcher chia đôi đáy biển với ánh sáng khúc xạ |
| Voltage | Lưới esports với năng lượng sống động |
| Eclipse | Băng chuyền trung tâm với vành nhật hoa vàng |
Chủ đề nhập vai mang giao diện nặng hơn nhóm cơ bản. Trên phần cứng máy khách đời cũ, hãy ưu tiên một chủ đề cơ bản hoặc một biến thể màu.
Mẫu Bố cục
Bốn mẫu bố cục định nghĩa cách sắp xếp cấu trúc nội dung trên desktop máy khách:
- Split Classic -- cân bằng giữa khu vực hero và danh mục ứng dụng.
- Hero Wide Top -- banner hero lớn ở trên cùng với danh mục bên dưới.
- Catalog Wide Bottom -- khu vực hero gọn gàng với phần danh mục mở rộng.
- Compact Focus -- bố cục tối giản nhấn mạnh giao diện sạch sẽ, tập trung.
Cấu hình Hiển thị
Tinh chỉnh cách nội dung được trình bày trong bố cục đã chọn:
| Cài đặt | Tùy chọn | Mô tả |
|---|---|---|
| Luồng thẻ | Cuộn ngang, Xuống dòng | Thẻ ứng dụng cuộn ngang hay xuống dòng để lấp đầy không gian. |
| Trình bày nội dung | Poster trước, Chỉ biểu tượng | Thẻ ứng dụng hiển thị ảnh poster hay chỉ biểu tượng. |
| Tỷ lệ poster | 9x16, 2x3, 16x9, 4x3, 3x2, 3x4 | Tỷ lệ khung hình cho ảnh poster trên thẻ ứng dụng. |
| Mật độ thẻ | Lớn, Trung bình, Nhỏ gọn | Kích thước thẻ ứng dụng trong lưới. |
| Hiệu ứng hover | Phóng to + Phát sáng, Tĩnh | Hoạt ảnh khi khách hàng di chuột qua thẻ ứng dụng. |
Các tùy chọn hiển thị bổ sung bao gồm cài đặt hoạt ảnh hero và cấu hình phần menu bên.
Tùy chỉnh Starforge
Chọn Starforge trong mục Chủ đề thiết kế để dùng giao diện máy khách WebGL. Khi chủ đề này được chọn, bảng Bố cục trực tuyến được nhận diện là Starforge · Bố cục trực tuyến chung.
Starforge dùng chính các nút điều khiển giao diện đã có:
| Cài đặt | Hành vi trong Starforge |
|---|---|
| Tỷ lệ poster | Thay đổi hình khối WebGL dùng cho áp phích thư viện. |
| Mật độ thẻ | Thay đổi kích thước và khoảng cách áp phích trong khi vẫn giữ hiệu ứng chiều sâu ở giữa. |
| Bật hoạt ảnh nổi bật | Bật hoặc tắt hiệu ứng chuyển cảnh WebGL giữa các áp phích nổi bật. |
| Loại hoạt ảnh nổi bật | Chọn hướng chuyển cảnh hoặc hiệu ứng mờ dần đồng bộ với dải áp phích. |
Sân khấu nổi bật dùng một lớp kính đóng băng WebGL hơi trong suốt phủ trên hoạt ảnh cực quang được sinh theo thuật toán. Hình nền vũ trụ đã cấu hình vẫn nhìn thấy được qua sân khấu. Không có ảnh áp phích nào được dùng làm nền. Mỗi lựa chọn nổi bật nhận một màu nhấn và một pha hoạt ảnh khác nhau. Những giọt nước mỏng có tốc độ khác nhau, vệt cong và những khoảng dừng không đều. Giọt nước mờ dần gần đường biên của bảng để không bị cắt hình. Lớp băng kết tinh và các vệt sáng chuyển động tạo thêm chiều sâu. Một áp phích được cắt phủ kín nằm phía trên lớp kính ở bên phải với góc nhìn hướng sang trái. Nó luôn nằm trong sân khấu nổi bật, có góc bo tròn mềm, viền hơi đóng băng và một bóng đổ ngay bên dưới. Bản thân sân khấu nổi bật cũng có góc bo tròn nhẹ. Áp phích nổi bật và áp phích thư viện giữ nguyên tỷ lệ khung hình của ảnh gốc. Hình khối áp phích thư viện được vát nhẹ ở góc trên bên phải và góc dưới bên trái. Áp phích thư viện cũng có bóng đổ riêng và chạy theo quỹ đạo WebGL cong quanh thẻ đang chọn. Điều hướng bằng con lăn chuột có phản hồi nhanh hơn. Việc kéo sẽ thay đổi liên tục góc quỹ đạo, chiều sâu, tỷ lệ và độ xoay của từng áp phích mà không đổi lựa chọn. Lựa chọn chỉ thay đổi sau khi thả, khi khoảng cách hoặc quán tính lúc thả vượt ngưỡng. Nút mũi tên và điều hướng bằng bàn phím cũng cập nhật áp phích đang chọn. Thẻ trạng thái ở góc trên bên phải hiển thị tên máy khách và thời gian sử dụng đã trôi qua.
Cấu hình Hình nền
Tùy chỉnh hình nền desktop độc lập với chủ đề:
| Cài đặt | Tùy chọn |
|---|---|
| Loại hình nền | Màu đặc, Hình ảnh, Video, Gradient |
| Độ mờ lớp phủ | 0% đến 100% |
| Làm mờ | 0 đến 20 |
| Độ trong suốt thẻ | Điều chỉnh độ trong suốt cho thẻ ứng dụng trên hình nền |
Tài liệu phương tiện (hình ảnh và video) có thể được tải lên để dùng làm nội dung hình nền.
Cài đặt Nhanh
Áp dụng cấu hình hình nền hoàn chỉnh chỉ với một cú nhấp bằng các cài đặt nhanh tích hợp:
- Minimal -- hình nền tối đặc với độ mờ thấp.
- Gaming -- gradient hình nón tông tím và xanh dương.
- Ocean -- gradient xanh dương tuyến tính.
- Sunset -- gradient ấm với tông cam và đỏ.
- Forest -- gradient xanh lá.
Cập nhật Thời gian Thực
Tất cả thay đổi giao diện được đẩy đến máy khách đã kết nối ngay lập tức. Khi bạn thay đổi chủ đề, bố cục, cài đặt hiển thị hoặc hình nền, thay đổi có hiệu lực trên desktop máy khách mà không cần khởi động lại.
Mã QR của Máy khách
Cài đặt Mã QR của máy khách kiểm soát mã QR luôn hiển thị trên màn hình chờ và màn hình trực tuyến của máy khách. Các gói trả phí có thể bật hoặc tắt mã này.
Mã QR là bắt buộc ở gói Miễn phí. Cài đặt vẫn hiển thị nhưng bị khóa. Máy chủ cũng áp dụng quy tắc này khi dựng dữ liệu menu máy khách, nên việc sửa tệp cài đặt cục bộ không thể gỡ bỏ mã QR.