ธีมไคลเอนต์
กำหนดค่ารูปลักษณ์เดสก์ท็อปไคลเอนต์ระหว่างเซสชันที่ใช้งานในร้านไซเบอร์คาเฟ่หรือเกมมิ่งเซ็นเตอร์ การตั้งค่ารูปลักษณ์ทั้งหมดจัดการจากเซิร์ฟเวอร์และส่งไปยังไคลเอนต์ที่เชื่อมต่อแบบเรียลไทม์
ธีม
ธีมการออกแบบ กำหนดเลย์เอาต์และรูปแบบภาพของเดสก์ท็อปไคลเอนต์ ธีมถูกจัดเป็นสามตระกูล
พื้นฐาน
เลย์เอาต์หลักสามแบบ ธีมอื่นทั้งหมดสร้างต่อยอดจากหนึ่งในสามแบบนี้
| ธีม | ลักษณะ |
|---|---|
| Arena | HUD สาย esports ที่คมชัดพร้อมขอบสีฟ้าไซแอน |
| Cinema | ผนังโปสเตอร์สีแดงแบบภาพยนตร์ ใกล้เคียงกับส่วนติดต่อบนทีวี |
| Tablet | ตารางไทล์แบบสัมผัสในโทนคราม ออกแบบมาสำหรับเครื่องที่ใช้จอสัมผัส |
รูปแบบสี
เลย์เอาต์เดิมในสีเน้นที่ต่างออกไป
| ธีม | เลย์เอาต์พื้นฐานและสีเน้น |
|---|---|
| Neon Arena | เลย์เอาต์ Arena สีฟ้าไซแอนนีออน |
| Crimson Pulse | เลย์เอาต์ Arena สีแดงเลือดหมู |
| Emerald Depth | เลย์เอาต์ Arena สีเขียวมรกต |
| Sunset Glow | เลย์เอาต์ Arena สีส้มยามอาทิตย์ตก |
| Midnight Silver | เลย์เอาต์ Cinema สีเงินโมโนโครม |
ฉากสมจริง
ส่วนติดต่อแบบเต็มจอที่มีแอนิเมชันและมีโครงสร้างของตัวเอง ไม่ใช่แค่การเปลี่ยนสีของเลย์เอาต์พื้นฐาน
| ธีม | ลักษณะ |
|---|---|
| HoloDeck | ดาดฟ้ากระจกแนวไซไฟพร้อมสีเน้นโฮโลแกรมไซแอน |
| Starforge | กรอบ HUD เต็มจอเหนือเนบิวลาดาว พร้อมวงแหวนโฮโลแกรมฉายลงบนพื้น |
| Starport | ห้องนักบินของสถานีอวกาศยามดวงอาทิตย์ขึ้นเหนือดาวเคราะห์ พร้อมคอนโซลด้านข้างที่เอียงเข้าและแถบคลังด้านล่าง |
| NeonVice | การขับรถกลางคืนแนว synthwave ดวงอาทิตย์เรโทรเป็นแถบเหนือกริดนีออนที่เลื่อนไหล |
| Obsidian | เลานจ์สีเทาถ่านพร้อมควันโมโนโครมและประกายแพลตินัม |
| Mirage | เนินทรายทะเลทรายแผดเผาพร้อมคลื่นความร้อนระยิบระยับและสีเน้นดินเผา |
| Aurora | แผงกระจกฝ้าพร้อมแสงสีที่ล่องลอยบนผืนสีดำสนิท |
| Riptide | ตัวเปิดแอปแบบแยกส่วนใต้ทะเลลึกพร้อมแสงหักเห |
| Voltage | กริดสาย esports พร้อมพลังงานที่เคลื่อนไหว |
| Eclipse | คารูเซลกลางเวทีพร้อมโคโรนาสีทอง |
ธีมแบบสมจริงใช้ส่วนติดต่อที่หนักกว่าธีมพื้นฐาน สำหรับเครื่องไคลเอนต์รุ่นเก่าควรเลือกธีมพื้นฐานหรือรูปแบบสีแทน
เลย์เอาต์ที่ตั้งไว้
เลย์เอาต์ที่ตั้งไว้ 4 แบบกำหนดโครงสร้างการจัดเรียงเนื้อหาบนเดสก์ท็อปไคลเอนต์:
- Split Classic สมดุลระหว่างพื้นที่ฮีโร่และแคตตาล็อกแอป
- Hero Wide Top แบนเนอร์ฮีโร่ขนาดใหญ่ด้านบนพร้อมแคตตาล็อกด้านล่าง
- Catalog Wide Bottom พื้นที่ฮีโร่กะทัดรัดพร้อมส่วนแคตตาล็อกที่ขยาย
- Compact Focus เลย์เอาต์ที่เรียบง่ายเน้นมุมมองที่สะอาดตา
การกำหนดค่าการแสดงผล
ปรับแต่งละเอียดว่าเนื้อหาถูกนำเสนออย่างไรภายในเลย์เอาต์ที่เลือก:
| การตั้งค่า | ตัวเลือก | คำอธิบาย |
|---|---|---|
| การไหลของการ์ด | เลื่อนแนวนอน, ตัดบรรทัด | การ์ดแอปเลื่อนแนวนอนหรือตัดบรรทัดเพื่อเติมพื้นที่ว่าง |
| การนำเสนอเนื้อหา | โปสเตอร์ก่อน, ไอคอนอย่างเดียว | การ์ดแอปแสดงภาพโปสเตอร์หรือเฉพาะไอคอน |
| อัตราส่วนโปสเตอร์ | 9x16, 2x3, 16x9, 4x3, 3x2, 3x4 | อัตราส่วนภาพสำหรับภาพโปสเตอร์บนการ์ดแอป |
| ความหนาแน่นการ์ด | ใหญ่, กลาง, กะทัดรัด | ขนาดของการ์ดแอปในตาราง |
| เอฟเฟกต์โฮเวอร์ | ขยาย + เรืองแสง, คงที่ | แอนิเมชันเมื่อลูกค้าวางเมาส์เหนือการ์ดแอป |
ตัวเลือกการแสดงผลเพิ่มเติมรวมถึงการตั้งค่าแอนิเมชันฮีโร่และการกำหนดค่าส่วนเมนูด้านข้าง
การปรับแต่ง Starforge
เลือก Starforge ใต้ธีมการออกแบบเพื่อใช้ส่วนติดต่อไคลเอนต์แบบ WebGL แผงเลย์เอาต์ออนไลน์จะแสดงชื่อเป็น Starforge · Global Online Layout ขณะที่เลือกธีมนี้อยู่
Starforge ใช้ตัวควบคุมรูปลักษณ์ที่มีอยู่เดิม:
| การตั้งค่า | พฤติกรรมใน Starforge |
|---|---|
| อัตราส่วนโปสเตอร์ | เปลี่ยนรูปทรง WebGL ที่ใช้กับโปสเตอร์ในคลัง |
| ความหนาแน่นการ์ด | เปลี่ยนขนาดและระยะห่างของโปสเตอร์โดยยังคงเอฟเฟกต์ความลึกที่จัดกึ่งกลางไว้ |
| เปิดใช้งานแอนิเมชันรายการแนะนำ | เปิดหรือปิดการเปลี่ยนภาพแบบ WebGL ระหว่างโปสเตอร์แนะนำ |
| ประเภทแอนิเมชันรายการแนะนำ | เลือกทิศทางการเปลี่ยนภาพหรือการจางที่ซิงค์กับเด็ค |
เวทีรายการแนะนำใช้ชั้นกระจกฝ้าแบบ WebGL ที่โปร่งแสงเล็กน้อยซ้อนบนแอนิเมชันออโรราแบบ procedural พื้นหลังคอสมอสที่ตั้งค่าไว้ยังคงมองเห็นได้ผ่านเวทีนี้ ไม่มีการใช้ภาพโปสเตอร์ในพื้นหลัง รายการแนะนำแต่ละรายการได้รับสีเน้นและเฟสแอนิเมชันที่ต่างกัน หยดน้ำบางใช้ความเร็วที่หลากหลาย เส้นทางโค้ง และการหยุดพักที่ไม่สม่ำเสมอ หยดน้ำจะจางลงใกล้ขอบแผงเพื่อไม่ให้รูปทรงถูกตัด น้ำแข็งเกล็ดและแสงไฮไลต์ที่เคลื่อนไหวช่วยเพิ่มมิติ โปสเตอร์ที่ครอบแบบเต็มพื้นที่วางอยู่เหนือกระจกทางด้านขวาในมุมมองที่หันไปทางซ้าย โปสเตอร์นี้อยู่ภายในเวทีรายการแนะนำเสมอ มีมุมโค้งมนเล็กน้อย ขอบที่ดูเป็นน้ำแข็งบาง ๆ และเงาอยู่ใต้โปสเตอร์โดยตรง ตัวเวทีรายการแนะนำเองก็มีมุมโค้งมนเล็กน้อย โปสเตอร์แนะนำและโปสเตอร์ในคลังคงอัตราส่วนภาพเดิมไว้ รูปทรงของโปสเตอร์ในคลังใช้การตัดมุมบาง ๆ ที่มุมขวาบนและมุมซ้ายล่าง โปสเตอร์ในคลังยังมีเงาของตัวเองและโคจรเป็นเส้นโค้งแบบ WebGL รอบการ์ดที่เลือกอยู่ การเลื่อนด้วยล้อเมาส์ตอบสนองเร็วขึ้น การลากจะเปลี่ยนมุมการโคจร ความลึก ขนาด และการหมุนของโปสเตอร์แต่ละใบอย่างต่อเนื่องโดยไม่เปลี่ยนรายการที่เลือก รายการที่เลือกจะเปลี่ยนหลังปล่อยเมาส์เมื่อระยะทางหรือแรงส่งตอนปล่อยเกินเกณฑ์ การเลื่อนด้วยปุ่มลูกศรและคีย์บอร์ดก็อัปเดตโปสเตอร์ที่เลือกเช่นกัน การ์ดสถานะมุมขวาบนแสดงชื่อเครื่องไคลเอนต์และเวลาที่ใช้งานไปแล้ว
การกำหนดค่าพื้นหลัง
ปรับแต่งพื้นหลังเดสก์ท็อปแยกจากธีม:
| การตั้งค่า | ตัวเลือก |
|---|---|
| ประเภทพื้นหลัง | สีทึบ, รูปภาพ, วิดีโอ, ไล่สี |
| ความทึบซ้อนทับ | 0% ถึง 100% |
| ความเบลอ | 0 ถึง 20 |
| ความทึบการ์ด | ปรับความโปร่งใสของการ์ดแอปเหนือพื้นหลังได้ |
สามารถอัปโหลดไฟล์สื่อ (รูปภาพและวิดีโอ) เพื่อใช้เป็นเนื้อหาพื้นหลัง
ค่าพื้นหลังด่วน
ใช้การกำหนดค่าพื้นหลังครบชุดด้วยคลิกเดียวโดยใช้ค่าที่ตั้งไว้ในตัว:
- Minimal พื้นหลังมืดทึบพร้อมความเบลอต่ำ
- Gaming ไล่สีแบบโคนิคในโทนม่วงและน้ำเงิน
- Ocean ไล่สีแบบเส้นตรงสีน้ำเงิน
- Sunset ไล่สีอบอุ่นในโทนส้มและแดง
- Forest ไล่สีเขียว
การอัปเดตแบบเรียลไทม์
การเปลี่ยนแปลงรูปลักษณ์ทั้งหมดจะถูกส่งไปยังไคลเอนต์ที่เชื่อมต่อทันที เมื่อคุณแก้ไขธีม เลย์เอาต์ การตั้งค่าการแสดงผล หรือพื้นหลัง การเปลี่ยนแปลงจะมีผลบนเดสก์ท็อปไคลเอนต์โดยไม่ต้องรีสตาร์ท
โค้ด QR ของไคลเอนต์
การตั้งค่า โค้ด QR ของไคลเอนต์ ควบคุมโค้ด QR ที่แสดงค้างไว้บนหน้าจอพักเครื่องและหน้าจอออนไลน์ของไคลเอนต์ แพ็กเกจแบบเสียเงินเปิดหรือปิดโค้ดนี้ได้
โค้ด QR เป็นสิ่งจำเป็นในแพ็กเกจ Free การตั้งค่ายังคงมองเห็นได้แต่ถูกล็อกไว้ เซิร์ฟเวอร์ยังบังคับใช้กฎนี้ตอนสร้างข้อมูลเมนูไคลเอนต์ด้วย ดังนั้นการแก้ไขไฟล์การตั้งค่าในเครื่องจึงไม่สามารถเอาโค้ด QR ออกได้