Panduan ini mendokumentasikan seluruh 14 aksi yang tersedia untuk pengguna pada pemilih nama acak Spin and Wheel — alat berbasis peramban yang memberikan setiap entri busur yang sama pada roda HTML5 Canvas, menghasilkan probabilitas pemilihan 1/N. Halaman ini mencakup memulai cepat tiga langkah dan referensi terperinci untuk setiap tombol, sakelar, dan pintasan keyboard pada roda utama.
Buka rodaKetik atau tempel daftar Anda ke kolom Entri — satu item per baris. Nama, opsi, tugas, hadiah, apa pun yang ingin Anda acak. Tidak ada batas atas jumlah entri selain kapasitas localStorage peramban (biasanya 5 MB per origin).
Klik tombol Putar di bawah roda, atau klik langsung pada canvas roda. Rotasi berjalan selama 3,5 detik dengan kurva perlambatan easeOutQuart dan berhenti pada entri acak dengan probabilitas 1/N — setiap entri memiliki peluang yang sama, terlepas dari posisinya di roda.
Pemenang muncul dalam modal. Dari sana Anda dapat memutar lagi, menghapus pemenang dari daftar, atau menutup modal — dan pemenang Anda terlacak secara otomatis di tab Pemenang.
Kolom Entri berisi daftar yang menjadi pilihan roda — satu item per baris, dengan penghitung langsung yang menampilkan jumlah baris tidak kosong. Setiap entri menempati busur 360°/N pada roda, sehingga probabilitas pemilihan adalah persis 1/N tanpa memandang panjang entri atau posisi. Tidak ada batas atas jumlah entri selain kapasitas localStorage peramban (biasanya 5 MB per origin).
Tip: tempel kolom dari spreadsheet untuk menambahkan banyak entri sekaligus.
Mengatur ulang semua entri di kolom secara acak. Berguna jika Anda ingin tetangga yang berbeda di roda antar putaran, atau menghilangkan pola dari daftar yang sudah diurutkan.
Mengacak tidak mengubah probabilitas hasil — setiap entri tetap memiliki peluang 1/N.
Mengurutkan entri secara alfabet (A–Z). Praktis untuk merapikan daftar panjang yang ditempel atau mengelompokkan entri serupa sebelum membagikan roda.
Seperti Acak, pengurutan hanya mengubah urutan tampilan, bukan keadilan.
Menghapus setiap entri dari kolom hanya dengan satu klik. Roda menjadi kosong dan Anda bisa memulai daftar baru.
Daftar yang sudah dihapus tidak dapat dipulihkan — bagikan URL-nya dulu jika Anda ingin menyimpan salinan.
Memulai animasi rotasi, ditetapkan 3.500 ms dengan kurva perlambatan easeOutQuart untuk memastikan rasa yang konsisten dan keadilan hasil. Ada dua pemicu: tombol Putar di bawah roda dan klik langsung pada canvas roda. Kolom Entri dinonaktifkan selama rotasi untuk mencegah daftar berubah di tengah putaran, yang akan membatalkan perhitungan probabilitas yang sedang berjalan.
Durasi animasi sengaja dibuat tetap agar tidak ada entri yang diuntungkan oleh panjang putaran.
Setiap pemenang ditambahkan otomatis ke tab Pemenang. Beralih tab untuk melihat seluruh riwayat hasil, dengan penghitung yang menunjukkan berapa banyak pemenang yang sudah dipilih sejauh ini.
Gunakan tombol Hapus di tab Pemenang untuk mereset riwayat tanpa menyentuh entri Anda.
Dari modal pemenang, tombol Hapus mengeluarkan entri pemenang dari roda — sempurna untuk undian di mana setiap nama hanya boleh menang sekali. Tombol Gunakan sebagai entri di tab Pemenang memindahkan semua pemenang kembali ke daftar putaran.
Gabungkan keduanya untuk menjalankan ronde eliminasi: putar, hapus, ulangi.
Setelah pemenang ditampilkan, modal dapat memicu putaran berikutnya secara otomatis. Aktifkan kotak centang untuk menyalakannya dan atur hitungan mundur dalam detik. Hitungan mundur direset setiap kali ada pemenang baru.
Hitungan mundur default adalah 30 detik — ubah sesuai tempo acara Anda.
Jika diaktifkan, nama pemenang dibacakan dengan keras melalui Web Speech API peramban (antarmuka SpeechSynthesis, spesifikasi W3C Community Group). Suara dan bahasa dipilih secara otomatis agar cocok dengan bahasa antarmuka aktif di antara tujuh locale yang didukung. Status sakelar di modal pemenang disimpan di localStorage sebagai voiceOver_
Kualitas dan bahasa suara bergantung pada suara yang terpasang di sistem operasi Anda.
Bunyi klik-tik diputar selama rotasi, seperti roda hadiah sungguhan. Aktifkan atau nonaktifkan menggunakan ikon speaker di header halaman — pengaturan akan tetap ada antar sesi.
Bisukan untuk pengaturan kelas atau kantor di mana suara sekitar penting.
Mengklik ikon layar penuh di header memanggil Fullscreen API peramban (Element.requestFullscreen()), memperluas canvas roda untuk memenuhi seluruh viewport. Mode ini didukung di semua peramban evergreen (Chrome, Edge, Firefox, Safari 16.4+) dan cocok untuk presentasi, proyektor, dan panggilan video dengan berbagi layar.
Tekan Esc untuk keluar dari mode layar penuh kapan saja.
Entri disimpan otomatis ke localStorage peramban (Web Storage API, Rekomendasi W3C), dengan kunci per bahasa seperti mainInput_en, mainInput_fr, dan seterusnya. Penyimpanan tetap ada setelah tab ditutup, peramban dimulai ulang, dan perangkat di-boot ulang sampai pengguna menghapus data situs. Kapasitas per origin biasanya 5 MB, cukup untuk puluhan ribu entri.
Tersimpan per bahasa: beralih ke bahasa Prancis akan memberi Anda daftar bahasa Prancis terpisah.
URL halaman diperbarui pada setiap penekanan tombol melalui History API (history.replaceState) untuk mengenkode daftar entri saat ini sebagai parameter kueri yang aman untuk URL. Membagikan alamat akan mentransfer status roda tanpa bolak-balik ke server — penerima membuka tautan dan melihat konfigurasi yang identik di perangkatnya sendiri. Ukuran daftar hanya dibatasi oleh batas URL peramban (~2.000 karakter pada klien lama, ~32.000 pada Chromium modern).
Tanpa akun, tanpa server — daftar tinggal di dalam URL itu sendiri.
Klik tombol Bagikan kode QR di bagian atas formulir entri untuk membuka modal dengan kode QR yang dapat dipindai. Kode tersebut mengenkode URL halaman saat ini, termasuk entri yang sudah Anda tambahkan, sehingga siapa pun yang memindainya dengan kamera ponsel akan membuka roda yang sama dengan daftar yang sama. Modal juga menampilkan tautan lengkap dan tombol Salin tautan jika Anda lebih memilih menempelkan alamat ke chat, email, atau slide presentasi.
Cocok untuk ruang kelas dan acara — siswa atau tamu memindai kode di layar dan membuka roda di perangkat mereka sendiri dengan satu ketukan.
Roda tersedia dalam 7 bahasa: Inggris, Prancis, Spanyol, Jepang, Portugis, Jerman, dan Polandia. Pilih bahasa Anda dari footer — seluruh antarmuka, termasuk sulih suara, langsung berganti.
Setiap bahasa menyimpan daftar entrinya sendiri, jadi mereka tidak saling menimpa.
