HandyCafe Docs
owner

Tampilan Klien

Konfigurasikan tampilan desktop klien selama sesi aktif di warnet atau pusat gaming Anda. Semua pengaturan tampilan dikelola dari server dan dikirimkan ke klien yang terhubung secara real-time.

Tema

Tema Desain menentukan tata letak dan gaya visual desktop klien. Tema dikelompokkan ke dalam tiga keluarga.

Esensial

Tiga tata letak dasar. Semua tema lain dibangun di atas salah satunya.

Tema Karakter
Arena HUD esports yang tajam dengan tepi cyan
Cinema Dinding poster merah sinematik, lebih mendekati antarmuka TV
Tablet Grid ubin sentuh berwarna indigo, dibuat untuk stasiun layar sentuh

Varian warna

Tata letak yang sama dengan warna aksen berbeda.

Tema Tata letak dasar dan aksen
Neon Arena Tata letak Arena, cyan neon
Crimson Pulse Tata letak Arena, merah tua
Emerald Depth Tata letak Arena, hijau zamrud
Sunset Glow Tata letak Arena, oranye senja
Midnight Silver Tata letak Cinema, perak monokrom

Pemandangan imersif

Antarmuka layar penuh beranimasi dengan struktur tersendiri, bukan sekadar pewarnaan ulang tata letak dasar.

Tema Karakter
HoloDeck Dek kaca fiksi ilmiah dengan aksen holografik cyan
Starforge Bingkai HUD penuh di atas nebula bintang, dengan cincin hologram yang diproyeksikan ke lantai
Starport Kokpit stasiun saat matahari terbit di planet, dengan konsol samping yang miring ke dalam dan rel pustaka di bagian bawah
NeonVice Perjalanan malam synthwave: matahari retro berpita di atas grid neon yang bergulir
Obsidian Lounge antrasit dengan asap volumetrik monokrom dan kilau platinum
Mirage Bukit pasir gurun yang terbakar dengan kabut panas berkilau dan aksen terakota
Aurora Panel kaca buram dengan cahaya warna-warni melayang pada kanvas nyaris hitam
Riptide Peluncur terbagi laut dalam dengan cahaya kaustik
Voltage Grid esports dengan energi hidup
Eclipse Karosel panggung tengah dengan korona emas

Tema imersif membawa antarmuka yang lebih berat daripada tema esensial. Pilih salah satu tema esensial atau varian warna pada perangkat keras klien yang lebih tua.

Preset Tata Letak

Empat preset tata letak mendefinisikan susunan struktural konten di desktop klien:

  • Split Classic: pembagian seimbang antara area hero dan katalog aplikasi.
  • Hero Wide Top: banner hero besar di bagian atas dengan katalog di bawahnya.
  • Catalog Wide Bottom: area hero ringkas dengan bagian katalog yang diperluas.
  • Compact Focus: tata letak minimal yang menekankan tampilan bersih dan terfokus.

Konfigurasi Tampilan

Sesuaikan cara konten ditampilkan dalam tata letak yang dipilih:

Pengaturan Opsi Deskripsi
Aliran kartu Gulir Horizontal, Bungkus ke Baris Berikutnya Apakah kartu aplikasi bergulir secara horizontal atau membungkus untuk mengisi ruang yang tersedia.
Presentasi konten Poster Dulu, Hanya Ikon Apakah kartu aplikasi menampilkan artwork poster atau hanya ikon.
Rasio poster 9x16, 2x3, 16x9, 4x3, 3x2, 3x4 Rasio aspek untuk gambar poster pada kartu aplikasi.
Kepadatan kartu Besar, Sedang, Ringkas Ukuran kartu aplikasi dalam grid.
Efek hover Skala + Cahaya, Statis Animasi saat pelanggan mengarahkan kursor ke kartu aplikasi.

Opsi tampilan tambahan meliputi pengaturan animasi hero dan konfigurasi bagian menu samping.

Kustomisasi Starforge

Pilih Starforge di bawah Tema Desain untuk menggunakan antarmuka klien WebGL. Panel Tata Letak Online diberi nama Starforge · Tata Letak Online Global selama tema ini terpilih.

Starforge memakai kontrol tampilan persisten yang sudah ada:

Pengaturan Perilaku Starforge
Rasio poster Mengubah geometri WebGL yang dipakai untuk poster pustaka.
Kepadatan kartu Mengubah ukuran dan jarak poster sambil mempertahankan efek kedalaman yang terpusat.
Aktifkan animasi unggulan Mengaktifkan atau menonaktifkan transisi WebGL antar poster unggulan.
Tipe animasi unggulan Memilih arah transisi atau transisi pudar yang selaras dengan dek.

Panggung unggulan memakai lapisan kaca beku WebGL yang sedikit transparan di atas animasi aurora prosedural. Latar belakang kosmos yang dikonfigurasi tetap terlihat menembus panggung. Tidak ada artwork poster yang dipakai di latar belakang. Setiap pilihan unggulan mendapat warna aksen dan fase animasi yang berbeda. Tetesan air tipis bergerak dengan kecepatan bervariasi, jejak melengkung, dan jeda tidak beraturan. Tetesan memudar di dekat batas panel agar bentuknya tidak terpotong. Embun beku kristal dan sorotan yang bergerak menambah kedalaman. Poster dengan potongan cover berada di atas kaca di sisi kanan dengan perspektif menghadap ke kiri. Poster itu tetap berada di dalam panggung unggulan dan memiliki sudut membulat lembut, tepi yang sedikit membeku, serta bayangan tepat di bawahnya. Panggung unggulan itu sendiri memiliki sudut yang sedikit membulat. Poster unggulan dan poster pustaka mempertahankan rasio aspek gambarnya. Geometri poster pustaka memakai potongan tipis pada sudut kanan atas dan kiri bawah. Poster pustaka juga memiliki bayangan masing-masing dan mengikuti orbit WebGL melengkung di sekitar kartu aktif. Navigasi roda tetikus memiliki respons yang lebih cepat. Menyeret akan mengubah sudut orbit, kedalaman, skala, dan rotasi setiap poster secara terus-menerus tanpa mengubah pilihan. Pilihan berubah setelah dilepas ketika jarak atau momentum pelepasan melewati ambang batas. Tombol panah dan navigasi papan ketik juga memperbarui poster yang terpilih. Kartu status di kanan atas menampilkan host klien dan waktu penggunaan yang telah berjalan.

Konfigurasi Latar Belakang

Sesuaikan latar belakang desktop secara independen dari tema:

Pengaturan Opsi
Tipe latar belakang Warna solid, Gambar, Video, Gradien
Opasitas overlay 0% hingga 100%
Blur 0 hingga 20
Opasitas kartu Transparansi yang dapat disesuaikan untuk kartu aplikasi di atas latar belakang

Aset media (gambar dan video) dapat diunggah untuk digunakan sebagai konten latar belakang.

Preset Cepat

Terapkan konfigurasi latar belakang lengkap dengan satu klik menggunakan preset bawaan:

  • Minimal: latar belakang gelap solid dengan blur rendah.
  • Gaming: gradien konik dalam nada ungu dan biru.
  • Ocean: gradien biru linear.
  • Sunset: gradien hangat dengan nada oranye dan merah.
  • Forest: gradien hijau.

Pembaruan Real-Time

Semua perubahan tampilan dikirimkan ke klien yang terhubung secara langsung. Saat Anda mengubah tema, tata letak, pengaturan tampilan, atau latar belakang, perubahan berlaku di desktop klien tanpa memerlukan restart.

Kode QR Klien

Pengaturan Kode QR klien mengontrol kode QR permanen yang ditampilkan di layar idle dan layar sesi klien. Paket berbayar dapat menyalakan atau mematikannya.

Kode QR wajib ada pada paket Gratis. Pengaturannya tetap terlihat tetapi terkunci. Server juga menegakkan aturan ini saat menyusun data menu klien, sehingga mengubah berkas pengaturan lokal tidak dapat menghapus kode QR.

Video Terkait

Tema dan Tata Letak Layar Klien

Pilih tema, atur bentuk dan kerapatan kartunya, tulis pesan sambutan Anda lalu tentukan apa yang berjalan di latar belakang menu.