Çarkı Çevir
Seçeneklerinizi yazın, çarkı çevirin
Kutudaki her satır bir dilim olur. Çevir’e basın, çark döner ve yavaşlar, işaretçinin altındaki dilim kazanır.
Hiçbir şey yüklenmez. Girdileriniz tarayıcı sekmesinde yaşar ve onu kapattığınızda kaybolur.
Kazanan çark hareket etmeden önce belirlenir
Bu, kulağa geldiğinden daha önemlidir.
Bir çark yapmanın bariz yolu, ona rastgele bir itiş vermek, sürtünmenin onu yavaşlatmasına izin vermek ve işaretçinin altında kalan neyse onu okumaktır. Bu yaklaşım, sonucun son açının yuvarlanmasına ve cihazınızın çizebildiği animasyon kare sayısına bağlı olmasına yol açar — yavaş bir telefon ile hızlı bir masaüstü eşit derecede adil olmazdı.
Bu çark bunun tersini yapar. Önce crypto.getRandomValues()’tan bir kazanan
çeker, sonra o dilimi işaretçinin altına getirecek kesin dönüşü hesaplar ve
ona doğru animasyon oynatır. Dönüş bir sunumdur; çekiliş çoktan kararlaştırılmış
ve kanıtlanabilir biçimde tekdüzedir.
Bu yüzden her dilim, kaç dilim olursa olsun, etiketleri ne kadar uzun olursa olsun ya da hangi cihazda olursanız olun, tam olarak aynı şansa sahiptir.
Kazananı çıkarın, ya da tüm çarkı çevirmeye devam edin
Kazananı çıkar açıkken, her çevirme kazanan girdiyi çarktan kaldırır. Tekrar tekrar çevirin ve bir sıra elde edersiniz: birinci, ikinci, üçüncü. Birkaç ödül çekmek ya da bir salonun önünde sunum sırasına karar vermek için iyidir.
Kapalıyken çark bütün kalır ve aynı seçenek iki kez kazanabilir — bu da “bu akşam nerede yiyoruz” için istediğiniz şeydir.
Bir girdiyi tekrarlayarak çarkı ağırlıklandırmak
Çark her dilime aynı şansı verir, bu yüzden bir seçeneği kayırmanın yolu ona daha fazla dilim vermektir. Onu iki kez listelemek payını ikiye katlar.
| Girdiler | Dilimler | Pizza için şans |
|---|---|---|
| Pizza, Suşi, Taco | 3 | %33 |
| Pizza, Pizza, Suşi, Taco | 4 | %50 |
| Pizza ×3, Suşi, Taco | 5 | %60 |
Yinelenen etiketler çarkta birden fazla kez görünür, bu da dürüsttür — izleyen herkes dilimleri sayabilir ve ağırlıklandırmayı sizin sözünüze güvenmeden görebilir. Bu görünürlük bir çarkın tüm amacıdır; gizli bir ağırlık bunu boşa çıkarırdı.
Dilimlere düzgün oturmayan ince ayarlı ağırlıklar için, rastgele sayı üreteci
bunun yerine açık sayı:ağırlık çiftlerini kabul eder.
Kaç dilim okunabilir kalır
Girdiler arttıkça dilimler küçülür ve etiketler yarıçap boyunca çizilir, bu yüzden herhangi bir teknik sınırın çok altında pratik bir tavan vardır.
- 12’ye kadar — rahat, etiketler bir bakışta okunur
- 12 ile 20 arası — okunabilir, ama uzun isimler sıkışmaya başlar
- 20 ile 30 arası — yalnızca kısa etiketler için kullanılabilir
- 30’un üzerinde — çark hâlâ çalışır ve çekiliş hâlâ adildir, ama kimse dönerken onu okuyamaz
18 karakterden uzun etiketler, dilimlerinin içinde kalmaları için üç noktayla kısaltılır. Listeniz çarkı okunamaz kılacak kadar uzunsa, isim seçici aynı işi gösterişsiz biçimde yapar.
Erişilebilirlik ve hareket
Çark prefers-reduced-motion ayarına uyar. Sisteminiz azaltılmış hareket
istiyorsa, dönüş animasyonu atlanır ve kazanan hemen görünür. Sonuç her iki
durumda da aynıdır, çünkü çekiliş hiçbir zaman animasyona bağlı değildi.
Kazanan ayrıca canlı bir bölgede duyurulur, bu yüzden ekran okuyucular kullanıcının onu aramasına gerek kalmadan seslendirir.
Bir seçim çarkı nerede kullanılır
- Karar vermek — öğle yemeği, film, hangi ev işi
- Canlı yayınlar ve sınıflar — dönüş asıl noktadır; insanlar onu izler
- Çekilişler — görünür bir çekiliş, bir izleyiciye ekranda beliren bir sayıdan daha adil hissettirir
- Buz kırıcılar — sıradaki soruyu kim cevaplar