항목 입력란
항목 입력란은 룰렛이 선택할 대상 목록을 담습니다. 한 줄에 하나씩 입력하며, 비어있지 않은 행 수를 보여주는 실시간 카운터가 있습니다. 각 항목은 룰렛의 360°/N 호를 차지하므로 텍스트 길이나 위치와 관계없이 선택 확률은 정확히 1/N입니다. 항목 수에는 브라우저 localStorage 용량(일반적으로 origin당 약 5 MB) 외에 상한이 없습니다.
팁: 스프레드시트 열에서 붙여넣어 많은 항목을 한 번에 추가하세요.
룰렛 사용 방법
본 가이드는 Spin and Wheel 랜덤 이름 뽑기의 사용자용 동작 14가지를 모두 설명합니다. HTML5 Canvas 룰렛 위에 각 항목에 동일한 호를 할당하여 1/N 선택 확률을 만드는 브라우저 기반 도구입니다. 페이지에는 3단계 빠른 시작과 메인 룰렛의 모든 버튼, 토글, 키보드 단축키에 대한 자세한 레퍼런스가 담겨 있습니다.
룰렛 열기빠른 시작
-
항목 추가하기
한 줄에 하나씩 항목 입력란에 목록을 입력하거나 붙여넣으세요. 이름, 옵션, 작업, 상품 등 랜덤으로 뽑고 싶은 것은 무엇이든 가능합니다. 항목 수에는 브라우저 localStorage 용량(일반적으로 origin당 약 5 MB) 외에 상한이 없습니다.
-
룰렛 돌리기
룰렛 아래의 회전 버튼을 클릭하거나 룰렛 canvas 자체를 클릭하세요. 회전은 3.5초간 easeOutQuart 감속 곡선으로 진행되며 1/N 확률로 랜덤 항목에 멈춥니다. 룰렛 위 위치와 관계없이 모든 항목은 동일한 확률을 가집니다.
-
결과 활용하기
당첨자가 모달에 표시됩니다. 다시 돌리거나, 목록에서 당첨자를 제거하거나, 모달을 닫을 수 있습니다 — 당첨자는 Winners 탭에 자동으로 기록됩니다.
사용 가능한 모든 동작
항목 편집
섞기
입력란의 모든 항목을 랜덤하게 재배열합니다. 회전 사이에 룰렛 위 인접 항목을 다르게 하고 싶거나 정렬된 목록의 패턴을 깨고 싶을 때 유용합니다.
섞기는 결과 확률을 바꾸지 않습니다 — 모든 항목은 여전히 1/N 확률입니다.
정렬
항목을 알파벳순(A–Z)으로 정렬합니다. 길게 붙여넣은 목록을 정리하거나 룰렛을 공유하기 전에 유사한 항목을 모을 때 유용합니다.
섞기와 마찬가지로 정렬은 표시 순서만 바꿀 뿐 공정성에는 영향을 주지 않습니다.
지우기
한 번의 클릭으로 입력란의 모든 항목을 제거합니다. 룰렛이 비워지고 새 목록을 시작할 수 있습니다.
지워진 목록은 복구할 수 없습니다 — 사본을 보관하려면 먼저 URL을 공유하세요.
회전과 결과
회전 (룰렛 돌리기)
회전 애니메이션을 시작합니다. 일관된 조작감과 결과의 공정성을 보장하기 위해 easeOutQuart 감속 곡선과 함께 3,500 ms로 고정되어 있습니다. 두 가지 트리거가 있습니다: 룰렛 아래의 회전 버튼과 룰렛 canvas의 직접 클릭. 회전 중에는 항목 입력란이 비활성화되어 회전 도중 목록이 변경되어 진행 중인 확률 계산이 무효화되는 것을 방지합니다.
애니메이션 길이는 의도적으로 고정되어 있어 회전 시간에 따라 특정 항목이 유리해질 수 없습니다.
Winners 탭
모든 당첨자는 Winners 탭에 자동으로 추가됩니다. 탭을 전환하면 전체 결과 기록을 볼 수 있고, 지금까지 뽑힌 당첨자 수를 보여주는 카운터도 있습니다.
Winners 탭의 지우기 버튼으로 항목을 건드리지 않고 기록만 초기화할 수 있습니다.
당첨자 제거 / 항목으로 사용
당첨자 모달의 제거 버튼은 당첨된 항목을 룰렛에서 빼냅니다 — 각 이름이 한 번만 당첨되어야 하는 추첨에 완벽합니다. Winners 탭의 항목으로 사용 버튼은 모든 당첨자를 다시 회전 목록으로 옮깁니다.
둘을 결합하여 탈락 라운드를 진행하세요: 회전, 제거, 반복.
자동 회전
당첨자가 표시된 후 모달이 다음 회전을 자동으로 시작할 수 있습니다. 체크박스를 켜서 활성화하고 카운트다운을 초 단위로 설정하세요. 새 당첨자가 나올 때마다 카운트다운이 재설정됩니다.
기본 카운트다운은 30초입니다 — 행사 속도에 맞춰 조정하세요.
재생과 표시
음성 제어(음성으로 돌리기)
손대지 않고 돌리세요. 설정(항목 추가 옆의 톱니바퀴)을 열고 음성 제어를 켠 다음 마이크 접근을 허용하고, 스핀 명령어(기본값 'Wheel spin')를 소리 내어 말하면 화면을 터치하지 않고 회전합니다. 음성 인식은 브라우저의 Web Speech API를 사용하며 페이지 언어를 따릅니다. 마이크 배지는 단어가 일치하면 초록색, 일치하지 않으면 빨간색으로 깜박입니다.
설정에서 원하는 문구를 명령어로 지정할 수 있으며, Chrome 또는 Edge에서 가장 잘 작동합니다. 음성 인식을 지원하지 않는 브라우저에서는 옵션이 숨겨집니다.
당첨자 음성 안내
활성화하면 당첨자 이름이 브라우저의 Web Speech API(SpeechSynthesis 인터페이스, W3C Community Group 명세)를 통해 음성으로 읽힙니다. 음성과 언어는 지원되는 7개 로케일에 걸쳐 활성 인터페이스 언어에 맞춰 자동으로 선택됩니다. 당첨자 모달의 토글 상태는 localStorage에 voiceOver_
음성 품질과 언어는 운영 체제에 설치된 음성에 따라 달라집니다.
회전 사운드
실제 상품 룰렛처럼 회전 중에 똑딱 소리가 재생됩니다. 페이지 헤더의 스피커 아이콘으로 켜고 끌 수 있으며, 설정은 세션 간에 유지됩니다.
주변 소리가 중요한 교실이나 사무실에서는 음소거하세요.
전체 화면 모드
헤더의 전체 화면 아이콘을 클릭하면 브라우저의 Fullscreen API(Element.requestFullscreen())가 호출되어 룰렛 canvas가 전체 뷰포트로 확장됩니다. 모든 evergreen 브라우저(Chrome, Edge, Firefox, Safari 16.4 이상)에서 지원되며, 프레젠테이션, 프로젝터, 화면 공유 영상 통화에 적합합니다.
언제든 Esc 키를 눌러 전체 화면을 종료할 수 있습니다.
저장과 언어
목록 저장 (자동)
항목은 브라우저의 localStorage(Web Storage API, W3C 권고안)에 자동으로 저장되며, 언어별로 mainInput_en, mainInput_fr 등의 키로 관리됩니다. 사용자가 사이트 데이터를 지울 때까지 탭 닫기, 브라우저 재시작, 기기 재부팅에도 유지됩니다. origin당 용량은 일반적으로 5 MB로, 수만 개의 항목에 충분합니다.
언어별 저장: 프랑스어로 전환하면 별도의 프랑스어 목록이 표시됩니다.
링크로 공유
페이지 URL은 키 입력마다 History API(history.replaceState)를 통해 업데이트되어 현재 항목 목록을 URL 안전 쿼리 파라미터로 인코딩합니다. 주소를 공유하면 서버 왕복 없이 룰렛 상태를 전송할 수 있어, 수신자가 링크를 열면 자신의 기기에서 동일한 구성을 볼 수 있습니다. 목록 크기는 일반적인 브라우저 URL 한도(구형 클라이언트 약 2,000자, 최신 Chromium 약 32,000자)에 의해서만 제한됩니다.
계정도 서버도 필요 없습니다 — 목록은 URL 자체에 들어있습니다.
QR 코드로 공유
항목 폼 상단의 QR 코드 공유 버튼을 클릭하면 스캔 가능한 QR 코드가 있는 모달이 열립니다. 코드는 추가한 항목을 포함한 현재 페이지 URL을 인코딩하므로, 누구든 폰 카메라로 스캔하면 동일한 목록을 가진 동일한 룰렛이 열립니다. 모달에는 전체 링크와 링크 복사 버튼도 함께 표시되어 채팅, 이메일, 슬라이드 자료에 주소를 붙여넣을 수도 있습니다.
교실과 행사에 최적 — 학생이나 참가자가 화면의 코드를 스캔하면 한 번의 탭으로 자신의 기기에서 룰렛을 열 수 있습니다.
언어 전환기
룰렛은 7개 언어로 제공됩니다: 영어, 프랑스어, 스페인어, 일본어, 포르투갈어, 독일어, 폴란드어. 푸터에서 언어를 선택하면 음성 안내를 포함한 전체 인터페이스가 즉시 전환됩니다.
각 언어는 자체 저장 항목 목록을 유지하므로 서로 덮어쓰지 않습니다.
OBS Studio에서 휠을 라이브 오버레이로 사용하는 방법
OBS Studio에서는 휠을 두 부분으로 나눠 방송에 라이브로 띄울 수 있습니다. 장면 위에 올라가는 휠과, OBS 안에 고정해 이름을 편집하고 돌리는 작은 컨트롤 패널입니다. 추가 프로그램 설치나 계정이 필요 없으며, 두 부분 모두 같은 컴퓨터의 OBS 안에서 동작합니다.
두 부분으로 구성된 OBS 레이아웃
장면 위의 휠
디스플레이 링크로 휠을 장면에 추가하세요. 투명한 배경으로 표시되어 웹캠이나 게임 화면 위에 휠만 상자 없이 겹쳐집니다. 800 × 800 같은 정사각형 크기가 가장 좋습니다.
장면 어디에나 자유롭게 옮기고 크기를 조정하세요. 휠 주변 영역은 다른 소스 위에서도 투명하게 유지됩니다.
OBS 안의 컨트롤 패널
독 링크를 OBS 안의 패널로 추가하면 OBS를 벗어나거나 브라우저 탭으로 전환하지 않고도 이름 편집, 회전, 당첨자 확인을 할 수 있습니다.
패널이 사라지면 OBS 상단의 Docks 메뉴에서 다시 켜세요.
모든 것이 내 컴퓨터에
컨트롤 패널과 화면 속 휠은 OBS 안에서 연결되어 있어 회전이 즉시 방송에 나타납니다. 서버로 전송되는 것은 없으며, 두 부분이 한 컴퓨터의 같은 OBS에서 실행되기만 하면 됩니다.
패널에서 휠 돌리기를 누르면 화면 속 휠이 바로 회전하고, 각 당첨자는 패널의 당첨자 목록에 추가됩니다.
소리, 음성 안내, 자동 재회전
휠을 추가할 때 OBS로 오디오 제어 옵션을 켜면 시청자가 똑딱 소리를 들을 수 있습니다. 패널에서는 각 당첨자를 소리내어 읽어 주거나 다음 회전을 자동으로 시작하게 할 수도 있습니다.
OBS 오디오 믹서에서 언제든지 휠을 음소거할 수 있습니다.