Ten przewodnik po kole fortuny pokazuje, jak zrobić własne koło fortuny do wpisywania, i dokumentuje wszystkie 17 akcji widocznych dla użytkownika w losowaniu Spin and Wheel — narzędziu działającym w przeglądarce, które przypisuje każdemu wpisowi równy łuk na kole HTML5 Canvas, dając prawdopodobieństwo wyboru 1/N. Strona zawiera trzyetapowy szybki start oraz szczegółowy opis każdego przycisku, przełącznika i skrótu klawiaturowego głównego koła.
Otwórz kołoWpisz lub wklej swoją listę w polu Wpisy — jeden element na linię. Imiona, opcje, zadania, nagrody — cokolwiek chcesz wylosować; tak powstaje własne koło fortuny do wpisywania. Brak górnego limitu poza pojemnością localStorage przeglądarki (typowo 5 MB na origin).
Kliknij przycisk pod kołem albo samo koło. Obrót trwa domyślnie 3,5 sekundy (od 2 do 15 sekund w opcji „Dostosuj”) i kończy się na losowym wpisie z prawdopodobieństwem 1/N: miejsce zatrzymania wybiera kryptograficznie bezpieczny generator losowy przeglądarki, więc każdy wpis ma tę samą szansę bez względu na to, gdzie leży na kole.
Zwycięzca pojawia się w oknie modalnym. Możesz zakręcić ponownie, usunąć zwycięzcę z listy lub zamknąć okno — zwycięzcy są automatycznie zapisywani w zakładce Zwycięzcy.
Pole Wpisy zawiera listę, z której koło wybiera — jeden element na linię, z licznikiem na żywo pokazującym liczbę niepustych wierszy. Każdy wpis zajmuje łuk 360°/N koła, więc prawdopodobieństwo wyboru wynosi dokładnie 1/N, niezależnie od długości tekstu czy pozycji. Brak górnego limitu poza pojemnością localStorage przeglądarki (typowo 5 MB na origin).
Wskazówka: wklej kolumnę z arkusza, aby dodać wiele wpisów naraz.
Losowo zmienia kolejność wszystkich wpisów. Przydatne, gdy chcesz mieć innych sąsiadów na kole między losowaniami lub przełamać kolejność posortowanej listy.
Tasowanie nie zmienia prawdopodobieństwa — każdy wpis nadal ma 1/N.
Sortuje wpisy alfabetycznie (A–Z). Pomocne przy porządkowaniu długiej wklejonej listy lub grupowaniu podobnych wpisów przed udostępnieniem koła.
Podobnie jak tasowanie, sortowanie zmienia tylko widok, nie sprawiedliwość.
Usuwa wszystkie wpisy jednym kliknięciem. Koło staje się puste i możesz zacząć nową listę.
Wyczyszczonych list nie da się odzyskać — najpierw skopiuj link przez „Udostępnij kod QR”, jeśli chcesz zachować kopię.
Uruchamia obrót z wyhamowaniem easeOutQuart. Domyślnie trwa 3500 ms; „Dostosuj” oferuje 2, 3,5, 6, 10 lub 15 sekund, a liczba obrotów rośnie razem z czasem. Kąt zatrzymania jest losowany funkcją crypto.getRandomValues jeszcze przed startem animacji. Są dwa sposoby: przycisk pod kołem i kliknięcie w koło. Pole „Wpisy” jest zablokowane podczas kręcenia, więc lista nie zmieni się w trakcie losowania.
Czas obrotu to tylko efekt: wynik jest ustalony, zanim koło ruszy, więc krótki czy długi obrót nie faworyzuje żadnego wpisu.
Każdy zwycięzca jest automatycznie dopisywany do zakładki Zwycięzcy. Przełącz zakładkę, aby zobaczyć pełną historię z licznikiem dotychczasowych zwycięzców.
Użyj przycisku Wyczyść w zakładce Zwycięzcy, aby zresetować historię bez ruszania wpisów.
W oknie zwycięzcy przycisk Usuń wyrzuca wpis-zwycięzcę z koła — idealne do losowań, w których każde imię ma wygrać tylko raz. Przycisk Użyj jako wpisów (zakładka Zwycięzcy) przenosi wszystkich zwycięzców z powrotem do listy losowania.
Połącz oba dla rund eliminacyjnych: zakręć, usuń, powtórz.
Po pokazaniu zwycięzcy okno może automatycznie uruchomić kolejne losowanie. Zaznacz pole i ustaw odliczanie w sekundach. Licznik resetuje się przy każdym nowym zwycięzcy.
Domyślne odliczanie: 30 sekund — dostosuj do tempa wydarzenia.
Kręć bez użycia rąk: otwórz Ustawienia (koło zębate obok Dodaj wpisy), włącz sterowanie głosem, zezwól na dostęp do mikrofonu i wypowiedz komendę na głos — domyślnie 'Wheel spin' — aby zakręcić bez dotykania ekranu. Rozpoznawanie mowy korzysta z Web Speech API przeglądarki i podąża za językiem strony; plakietka mikrofonu zmienia kolor na zielony, gdy słowa pasują, i na czerwony, gdy nie.
Ustaw własną komendę w Ustawieniach (dowolna fraza) i używaj Chrome lub Edge dla najlepszych efektów; opcja jest ukryta w przeglądarkach bez rozpoznawania mowy.
Po włączeniu imię zwycięzcy jest odczytywane na głos przez Web Speech API przeglądarki (interfejs SpeechSynthesis, specyfikacja W3C Community Group). Głos i język są dobierane automatycznie do aktywnego języka interfejsu. Stan przełącznika w oknie zwycięzcy jest zapisany w localStorage jako voiceOver_
Jakość i język głosu zależą od głosów zainstalowanych w twoim systemie.
Przy każdym polu mijającym wskaźnik słychać tyknięcie, które zwalnia razem z kołem. W opcji „Dostosuj” wybierzesz dźwięk kręcenia (Tik, Klik lub Miękki), dźwięk zwycięzcy grany po zatrzymaniu (Dzwonki, Fanfary lub Brak) i głośność. Ikona głośnika w nagłówku wycisza wszystkie dźwięki koła i zapamiętuje wybór. Przy włączonym „Lektorze” imię jest czytane po dźwięku zwycięzcy.
W klasie lub biurze wycisz koło głośnikiem w nagłówku; ustawienia dźwięku zostaną zapisane na następny raz.
Przycisk z paletą obok koła zębatego ustawień otwiera „Dostosuj”: 8 motywów kolorów (Klasyczny, Pastelowy, Ocean, Zachód słońca, Neon, Las, Mono, Tęcza; napisy zmieniają się na czarne lub białe, żeby były czytelne), czas obrotu, dźwięki kręcenia i zwycięzcy z głośnością oraz opcjonalne konfetti po każdym losowaniu (domyślnie wyłączone i pomijane, gdy urządzenie prosi o ograniczenie ruchu). Wybór zostaje w tej przeglądarce, trafia do linków z „Udostępnij kod QR”, a w OBS panel sterowania przesyła go do koła na transmisji.
Żadna z tych opcji nie zmienia szans. „Przywróć domyślne” przywraca klasyczny wygląd.
Kliknięcie ikony pełnego ekranu w nagłówku wywołuje Fullscreen API przeglądarki (Element.requestFullscreen()), rozszerzając canvas koła na cały viewport. Wspierane przez wszystkie evergreen przeglądarki (Chrome, Edge, Firefox, Safari 16.4+) — idealne na prezentacje, projektory i udostępnianie ekranu w połączeniach wideo.
Naciśnij Esc, aby w każdej chwili wyjść z trybu pełnoekranowego.
Wpisy są automatycznie zapisywane w localStorage przeglądarki (Web Storage API, rekomendacja W3C), z kluczem na język: mainInput_en, mainInput_fr itd. Zapis przeżywa zamknięcie karty, restart przeglądarki i komputera — aż użytkownik wyczyści dane witryny. Pojemność na origin to typowo 5 MB, co wystarcza na dziesiątki tysięcy wpisów.
Zapis według języka: przełączenie na angielski daje osobną listę angielską.
Pasek adresu nie zmienia się podczas pisania. Aby udostępnić koło, kliknij „Udostępnij kod QR” u góry formularza wpisów: powstaje link z wpisami w parametrze ?entries= i zmienionymi ustawieniami z „Dostosuj” w ?cfg=, pokazany jako kod QR z przyciskiem „Kopiuj link”. Po otwarciu linku na innym urządzeniu widać tę samą listę i ten sam wygląd, bez żadnego wywołania serwera. Udostępniona lista nie zastępuje listy zapisanej na tym urządzeniu, zmiany wprowadzone w niej nie są zapisywane, a udostępniony wygląd obowiązuje tylko podczas tej wizyty; zapisuje się dopiero po zmianie któregoś ustawienia. Rozmiar listy ograniczają jedynie typowe limity długości URL przeglądarek (~2000 znaków w starszych klientach, ~32 000 w nowoczesnym Chromium).
Bez kont i serwerów — lista mieszka w samym adresie URL.
Kliknij przycisk Udostępnij kod QR u góry formularza wpisów, aby otworzyć okno ze skanowalnym kodem QR. Kod zawiera aktualny adres strony razem z dodanymi wpisami, więc każdy, kto zeskanuje go aparatem telefonu, otworzy dokładnie to samo koło z tą samą listą. Okno pokazuje też pełny link i przycisk Kopiuj link, jeśli wolisz wkleić adres do czatu, maila lub prezentacji.
Idealne na lekcje i wydarzenia — uczniowie albo goście skanują kod z ekranu i jednym dotknięciem otwierają koło na swoim urządzeniu.
Koło jest dostępne w 12 językach: angielskim, francuskim, hiszpańskim, japońskim, portugalskim, niemieckim, polskim, koreańskim, hindi, indonezyjskim, ukraińskim i hebrajskim (zapisywanym od prawej do lewej). Wybierz język w stopce — cały interfejs, łącznie z lektorem, zmieni się natychmiast.
Każdy język zachowuje własną zapisaną listę, nie nadpisując innych.
Koło możesz pokazać na żywo w transmisji w OBS Studio w dwóch częściach: koło, które leży na wierzchu sceny, oraz mały panel sterowania zadokowany w OBS, w którym edytujesz nazwy i kręcisz. Nie trzeba instalować dodatkowych programów ani zakładać konta — obie części działają w OBS na tym samym komputerze.
Dodaj koło do sceny za pomocą linku wyświetlacza. Pojawia się na przezroczystym tle, więc nad kamerą lub rozgrywką widać tylko koło, bez ramki. Najlepiej sprawdza się kwadratowy rozmiar, na przykład 800 × 800.
Przesuwaj je i skaluj dowolnie na scenie; obszar wokół koła pozostaje przezroczysty nad innymi źródłami.
Dodaj link doku jako panel w OBS, aby edytować nazwy, kręcić i sprawdzać zwycięzców bez wychodzenia z OBS i przełączania się na kartę przeglądarki.
Jeśli panel zniknie, włącz go ponownie z menu Docks u góry OBS.
Panel sterowania i koło na ekranie są połączone w OBS, więc obrót pojawia się w transmisji natychmiast. Nic nie jest wysyłane na serwer — obie części muszą po prostu działać w tym samym OBS na jednym komputerze.
Naciśnij Zakręć kołem w panelu, a koło na ekranie obraca się od razu; każdy zwycięzca trafia na listę Zwycięzcy w panelu.
Przy dodawaniu koła zaznacz opcję Steruj dźwiękiem przez OBS, aby widzowie słyszeli tykanie. Z panelu możesz też włączyć głosowe ogłaszanie każdego zwycięzcy oraz automatyczne rozpoczęcie kolejnego losowania.
Koło możesz wyciszyć w mikserze audio OBS w dowolnej chwili.
FAQ
