# Колесо фортуни

> Крутіть колесо, щоб обрати випадковий варіант — обід, переможця, хто йде першим. Додайте власні записи й крутіть, усе працює у вашому браузері.

URL: https://acrafto.com/uk/spin-the-wheel/  
Updated: 2026-08-28

Tools are interactive browser apps; there is no public API, no endpoints to call and no server-side processing. To use a tool, open its HTML page in a browser.

## Впишіть варіанти, крутіть колесо

Кожен рядок у полі стає сектором. Натисніть крутити — колесо обертається, сповільнюється, і сектор під стрілкою перемагає.

Нічого не завантажується на сервер. Ваші записи живуть у вкладці браузера й зникають, щойно ви її закриєте.

## Переможця обрано ще до того, як колесо рушить

Це важить більше, ніж здається на перший погляд.

Очевидний спосіб зробити колесо — дати йому випадковий поштовх, дозволити тертю сповільнити обертання й прочитати, що опинилося під стрілкою. Такий підхід робить результат залежним від округлення кінцевого кута та від того, скільки кадрів анімації встиг намалювати ваш пристрій — повільний телефон і швидкий комп’ютер не були б однаково чесними.

Це колесо робить навпаки. Воно спершу витягує переможця з `crypto.getRandomValues()`, потім обчислює точний кут повороту, що поставить цей сектор під стрілку, і анімує до нього. Обертання — це презентація; результат уже вирішено, і він доведено рівномірний.

Тож кожен сектор має рівно однаковий шанс, незалежно від кількості секторів, довжини їхніх підписів чи пристрою, яким ви користуєтеся.

## Прибрати переможця, або крутити далі повне колесо

Коли ввімкнено **прибирати переможця**, кожне обертання знімає переможний запис із колеса. Крутіть кілька разів — і отримаєте порядок: перший, другий, третій. Добре для розіграшу кількох призів або для визначення порядку виступів перед аудиторією.

Коли опцію вимкнено, колесо лишається повним, і той самий варіант може перемогти двічі — саме те, що потрібно для “де ми сьогодні повечеряємо”.

## Зважування колеса повторенням запису

Колесо дає кожному сектору однаковий шанс, тож спосіб надати варіанту перевагу — це дати йому більше секторів. Внести його двічі — подвоїти його частку.

| Записи | Секторів | Шанс для піци |
| --- | --- | --- |
| Піца, Суші, Тако | 3 | 33% |
| Піца, Піца, Суші, Тако | 4 | 50% |
| Піца ×3, Суші, Тако | 5 | 60% |

Дубльовані підписи з’являються на колесі кілька разів, і це чесно — будь-хто зі спостерігачів може порахувати сектори й побачити зважування самостійно, а не повірити вам на слово. Ця видимість і є сенсом колеса; прихована вага знищила б його.

Для тонкого налаштування ваг, що не вкладаються акуратно в сектори, генератор випадкових чисел приймає явні пари `число:вага`.

## Скільки секторів лишаються читабельними

Сектори зменшуються з ростом кількості записів, а підписи розташовані вздовж радіуса, тож є практична стеля, набагато нижча за будь-яку технічну.

- **До 12** — комфортно, підписи читаються з першого погляду
- **12–20** — читабельно, але довгі назви починають тіснитися
- **20–30** — придатно лише для коротких підписів
- **Понад 30** — колесо все ще працює, і розіграш усе ще чесний, але поки воно крутиться, ніхто нічого не прочитає

Підписи довші за 18 символів обрізаються багатокрапкою, щоб лишатися в межах сектора. Якщо ваш список настільки довгий, що колесо стає нечитабельним, [вибір імені](https://acrafto.com/uk/random-name-picker/) робить те саме без театральності.

## Доступність і рух

Колесо враховує `prefers-reduced-motion`. Якщо ваша система просить зменшений рух, анімація обертання пропускається, і переможець з’являється одразу. Результат однаковий в обох випадках, бо розіграш ніколи не залежав від анімації.

Переможця також оголошено в живій зоні (live region), тож програми читання з екрана озвучують його без потреби шукати вручну.

## Де застосовують колесо вибору

- **Прийняття рішень** — обід, фільм, чия черга по хатніх справах
- **Прямі трансляції та класи** — обертання і є суттю; за ним стежать
- **Розіграші** — видимий розіграш здається аудиторії чеснішим, ніж поява числа
- **Криголами** — хто відповідає на наступне питання

## Часті запитання (FAQ)

### Скільки варіантів вміщує колесо?

Жорсткого обмеження немає, але після приблизно тридцяти секторів підписи стають надто тонкими для читання. Довгі підписи обрізаються багатокрапкою, щоб лишатися в межах сектора.

### Чи справді колесо чесне при непарній кількості секторів?

Так. Сектори рівні за побудовою, а переможця витягують рівномірно ще до анімації, тож сім варіантів настільки ж чесні, як і вісім.

### Чи можу я зробити один варіант імовірнішим?

Не безпосередньо на колесі — але додавання того самого запису двічі подвоює кількість його секторів, а отже й шанс. Для тоншого контролю генератор випадкових чисел підтримує явні ваги.

### Чи зберігаються мої записи?

Ні. Вони лишаються на сторінці й зникають при перезавантаженні. Нічого не надсилається на сервер.

### Чи можу я довести обертання аудиторії?

Колесо — це візуальний пристрій, а не доказ, глядач не зможе перевірити його згодом. Для розіграшу, який хтось зможе перевірити, скористайтеся режимом із посівом у генераторі випадкових чисел і опублікуйте сертифікат.

## Other languages

- Čeština (cs): [Kolo štěstí](https://acrafto.com/cs/spin-the-wheel/) ([Markdown](https://acrafto.com/cs/spin-the-wheel/index.md))
- Slovenčina (sk): [Koleso šťastia](https://acrafto.com/sk/spin-the-wheel/) ([Markdown](https://acrafto.com/sk/spin-the-wheel/index.md))
- English (en): [Spin the Wheel](https://acrafto.com/en/spin-the-wheel/) ([Markdown](https://acrafto.com/en/spin-the-wheel/index.md))
- Deutsch (de): [Glücksrad](https://acrafto.com/de/spin-the-wheel/) ([Markdown](https://acrafto.com/de/spin-the-wheel/index.md))
- Français (fr): [Roue de la fortune](https://acrafto.com/fr/spin-the-wheel/) ([Markdown](https://acrafto.com/fr/spin-the-wheel/index.md))
- Español (es): [Ruleta aleatoria](https://acrafto.com/es/spin-the-wheel/) ([Markdown](https://acrafto.com/es/spin-the-wheel/index.md))
- Italiano (it): [Gira la ruota](https://acrafto.com/it/spin-the-wheel/) ([Markdown](https://acrafto.com/it/spin-the-wheel/index.md))
- Português (pt): [Roleta online](https://acrafto.com/pt/spin-the-wheel/) ([Markdown](https://acrafto.com/pt/spin-the-wheel/index.md))
- Nederlands (nl): [Rad draaien](https://acrafto.com/nl/spin-the-wheel/) ([Markdown](https://acrafto.com/nl/spin-the-wheel/index.md))
- Polski (pl): [Koło losujące](https://acrafto.com/pl/spin-the-wheel/) ([Markdown](https://acrafto.com/pl/spin-the-wheel/index.md))
- Română (ro): [Roata norocului](https://acrafto.com/ro/spin-the-wheel/) ([Markdown](https://acrafto.com/ro/spin-the-wheel/index.md))
- Magyar (hu): [Szerencsekerék](https://acrafto.com/hu/spin-the-wheel/) ([Markdown](https://acrafto.com/hu/spin-the-wheel/index.md))
- Ελληνικά (el): [Τροχός τύχης](https://acrafto.com/el/spin-the-wheel/) ([Markdown](https://acrafto.com/el/spin-the-wheel/index.md))
- Български (bg): [Колело на късмета](https://acrafto.com/bg/spin-the-wheel/) ([Markdown](https://acrafto.com/bg/spin-the-wheel/index.md))
- Hrvatski (hr): [Kolo sreće](https://acrafto.com/hr/spin-the-wheel/) ([Markdown](https://acrafto.com/hr/spin-the-wheel/index.md))
- Slovenščina (sl): [Kolo sreče](https://acrafto.com/sl/spin-the-wheel/) ([Markdown](https://acrafto.com/sl/spin-the-wheel/index.md))
- Eesti (et): [Loosiratas](https://acrafto.com/et/spin-the-wheel/) ([Markdown](https://acrafto.com/et/spin-the-wheel/index.md))
- Latviešu (lv): [Laimes rats](https://acrafto.com/lv/spin-the-wheel/) ([Markdown](https://acrafto.com/lv/spin-the-wheel/index.md))
- Lietuvių (lt): [Laimės ratas](https://acrafto.com/lt/spin-the-wheel/) ([Markdown](https://acrafto.com/lt/spin-the-wheel/index.md))
- Svenska (sv): [Snurra hjulet](https://acrafto.com/sv/spin-the-wheel/) ([Markdown](https://acrafto.com/sv/spin-the-wheel/index.md))
- Dansk (da): [Lykkehjul](https://acrafto.com/da/spin-the-wheel/) ([Markdown](https://acrafto.com/da/spin-the-wheel/index.md))
- Suomi (fi): [Onnenpyörä](https://acrafto.com/fi/spin-the-wheel/) ([Markdown](https://acrafto.com/fi/spin-the-wheel/index.md))
- Norsk (no): [Lykkehjul](https://acrafto.com/no/spin-the-wheel/) ([Markdown](https://acrafto.com/no/spin-the-wheel/index.md))
- Русский (ru): [Колесо фортуны](https://acrafto.com/ru/spin-the-wheel/) ([Markdown](https://acrafto.com/ru/spin-the-wheel/index.md))
- Српски (sr): [Točak sreće](https://acrafto.com/sr/spin-the-wheel/) ([Markdown](https://acrafto.com/sr/spin-the-wheel/index.md))
- Македонски (mk): [Тркало на среќата](https://acrafto.com/mk/spin-the-wheel/) ([Markdown](https://acrafto.com/mk/spin-the-wheel/index.md))
- Bosanski (bs): [Točak sreće](https://acrafto.com/bs/spin-the-wheel/) ([Markdown](https://acrafto.com/bs/spin-the-wheel/index.md))
- Shqip (sq): [Rrota e fatit](https://acrafto.com/sq/spin-the-wheel/) ([Markdown](https://acrafto.com/sq/spin-the-wheel/index.md))
- Türkçe (tr): [Çarkı çevir](https://acrafto.com/tr/spin-the-wheel/) ([Markdown](https://acrafto.com/tr/spin-the-wheel/index.md))
- 日本語 (ja): [ルーレット作成](https://acrafto.com/ja/spin-the-wheel/) ([Markdown](https://acrafto.com/ja/spin-the-wheel/index.md))
- 한국어 (ko): [돌림판](https://acrafto.com/ko/spin-the-wheel/) ([Markdown](https://acrafto.com/ko/spin-the-wheel/index.md))
- العربية (ar): [عجلة الحظ](https://acrafto.com/ar/spin-the-wheel/) ([Markdown](https://acrafto.com/ar/spin-the-wheel/index.md))
- हिन्दी (hi): [स्पिन द व्हील](https://acrafto.com/hi/spin-the-wheel/) ([Markdown](https://acrafto.com/hi/spin-the-wheel/index.md))
- Bahasa Indonesia (id): [Spin the wheel](https://acrafto.com/id/spin-the-wheel/) ([Markdown](https://acrafto.com/id/spin-the-wheel/index.md))
- Tiếng Việt (vi): [Vòng quay may mắn](https://acrafto.com/vi/spin-the-wheel/) ([Markdown](https://acrafto.com/vi/spin-the-wheel/index.md))
- ไทย (th): [วงล้อสุ่ม](https://acrafto.com/th/spin-the-wheel/) ([Markdown](https://acrafto.com/th/spin-the-wheel/index.md))
- עברית (he): [גלגל המזל](https://acrafto.com/he/spin-the-wheel/) ([Markdown](https://acrafto.com/he/spin-the-wheel/index.md))
