LED 전광판(스크롤 텍스트)
브라우저에서 바로 만드는 도트매트릭스 LED 전광판. 교실, 라이브 방송, 상점, 행사장에서 문구가 흐르듯 빛납니다.
LED 전광판이란?
LED 전광판은 브라우저에서 바로 돌아가는 도트매트릭스 마키 도구입니다. 문구를 입력하면 빛나는 점의 띠가 스크롤됩니다 — 실제 LED 간판처럼. 하드웨어도, 설치도 필요 없이 탭 하나면 충분합니다.
사이트의 다른 큰 글자 도구와는 역할이 다릅니다. Large Text Display 는 움직이지 않는 한 문장, Fullscreen Text 는 수동으로 넘기는 슬라이드, LED 전광판 은 “연속 스크롤 + 주목 끌기” 전용입니다.
렌더링은 전적으로 브라우저 내부에서 이루어집니다. 텍스트를 오프스크린 캔버스에 그려 알파 값을 임계 처리해 점 격자를 만든 뒤, requestAnimationFrame 으로 매 프레임 발광 원을 그립니다. 모든 처리가 로컬이고, 아무것도 업로드되지 않습니다.
사용 팁
- 짧게. 마키는 3–12 글자에서 가장 잘 읽힙니다. 긴 내용은 “전체화면 텍스트 슬라이드” 에서 한 페이지씩 보여주세요.
- 고대비가 핵심. 앰버 × 검정, 흰색 × 짙은 남색, 초록 × 검정은 멀리서도 잘 보입니다. 도트매트릭스 자체가 이미 대비를 완화하므로 파스텔 조합은 피하세요.
- 밀도는 내용에 맞게. 8 줄은 레트로 역사 표지판 느낌, 16 줄은 균형 잡힌 기본, 24 줄은 선명하고 현대적. 글자가 읽기 어려우면 화면보다 밀도를 먼저 올리세요.
- 현장에서 반드시 리허설. 프로젝터, TV, 휴대폰의 발광 표현은 환경마다 크게 다릅니다.
- 헤드라인으로 사용. 마키는 주의를 끌어당기므로 중요한 발표자나 다른 모션 위에 겹치지 마세요.
- 일찍 전체화면. 전체화면 시 임팩트가 훨씬 큽니다. OBS 방송이라면 먼저 전체화면을 띄우고 필요한 부분만 크롭하세요.
사용 방법
- 1 문구 입력 한 줄 텍스트. 줄바꿈은 자동으로 공백으로 변환됩니다 — 마키는 연속된 한 줄입니다.
- 2 색상과 속도 선택 점 색상과 배경색을 고르고, 느림 / 보통 / 빠름을 선택하세요. 밀도 8 줄은 레트로, 24 줄은 선명한 현대풍입니다.
- 3 전체화면 진입 전체화면 버튼을 누릅니다. Esc 로 종료. 다른 탭으로 전환하면 자동으로 멈추고, 돌아오면 이어서 재생됩니다.
Use Cases
- 라이브 방송 간주
OBS 에 이 페이지를 브라우저 소스로 지정하고 “곧 시작합니다”, “잠시 후 돌아옵니다”, “후원 감사합니다” 를 흘려 공백을 채웁니다.
- 교실 주목 문구
전자칠판이나 프로젝터에 “조용히 읽기”, “5분 남음”, “연필 내려놓기” 를 흘리면 정적 슬라이드보다 신호처럼 전달됩니다.
- 매장 디지털 사이니지
태블릿을 쇼윈도에 두고 “영업 중”, “5분 후 복귀”, “오늘의 추천” 을 돌리세요. 실제 LED 간판보다 저렴하고 즉시 수정 가능.
- 행사장 안내
입구 TV 에 “환영합니다”, “접수 →”, “메인 무대 ←” 를 흘리면 종이 안내판보다 눈에 잘 들어옵니다.
- 사무실 공용 공간
공지 “오늘 302호 행사 진행”, “택배 수령 부탁드립니다” 같은 문구를 가볍게 흘릴 수 있습니다.
- 생일·송별 서프라이즈
회의실 TV 에 “HAPPY BIRTHDAY ALEX” 또는 “좋은 여정 되세요 SAM” 을 흘리면 일상적인 행사에 작은 의식감이 더해집니다.
- 인스타 / 틱톡 라이브 배경
세로 방송에서 별도 기기에 “이벤트 곧 시작”, “댓글 읽는 중” 을 흘려 스티커 대용으로 씁니다.
- 창고·공장 안전 문구
여분의 모니터에 “안전모 착용”, “15시 교대” 같은 안전 문구를 흘리면 저비용으로 눈에 띄는 게시판이 됩니다.
Features
- 진짜 도트매트릭스 렌더링
글자가 픽셀 단위로 래스터화되어 점 격자로 변환됩니다. 단순한 CSS 스크롤이 아닌, 전광판 감각 자체가 이 도구의 목적입니다.
- 밀도 선택
8 / 16 / 24 줄 중 선택. 같은 화면에서 줄 수가 많을수록 글자가 정교해집니다.
- 자유로운 색상 조합
점 색과 배경색을 원하는 대로 설정. 기본은 앰버 × 짙은 검정이며, 초록·빨강·시안도 한 번에.
- 부드러운 속도 제어
느림 / 보통 / 빠름은 “초당 열 수” 기준이라 휴대폰이든 4K TV 든 체감 속도가 동일합니다.
- 원클릭 전체화면
한 번 클릭으로 전체화면, Esc 로 종료. 탭 전환이나 최소화 시 자동으로 정지해 CPU 와 배터리를 아낍니다.
- 첫 로드 이후 오프라인 동작
정적 페이지 + 클라이언트 렌더링. 캐시 후에는 네트워크 불필요 — Wi-Fi 가 불안정한 장소에서도 안정적으로 동작.
- 입력 내용 업로드 없음
래스터화와 렌더링 모두 브라우저 내부에서 처리되며 서버로 전송되지 않습니다.
- prefers-reduced-motion 존중
OS 에서 모션 감소가 설정되어 있으면 자동으로 4분의 1 속도로 낮춰, 기능은 유지하면서 자극을 줄입니다.
Compatible Platforms
- iPhone(Safari / Chrome)
- Android(Chrome / Firefox)
- iPad 와 Android 태블릿
- Windows(Chrome / Edge / Firefox)
- macOS(Safari / Chrome)
- Linux
- 스마트 TV 브라우저
- Chromebook
- OBS Studio(브라우저 소스)
Related Tools
FAQ
- 왜 한 줄만 스크롤되나요?
- LED 전광판의 본질은 “움직이는 한 줄 띠” 이기 때문입니다. 여러 단락을 보여주려면 “전체화면 텍스트 슬라이드” 도구를 사용해 페이지를 넘기세요.
- 줄바꿈을 입력하면 어떻게 되나요?
- 자동으로 공백으로 변환됩니다. 마키 전체가 한 줄의 연속된 문자열이 됩니다.
- 다른 탭으로 전환해도 계속 움직이나요?
- 아니요. 탭이 숨겨지면 자동으로 멈추고 돌아오면 재개됩니다. CPU 와 배터리를 아낍니다.
- OBS 방송 오버레이로 쓸 수 있나요?
- 가능합니다. 브라우저 소스로 이 페이지를 추가하고 필요한 영역만 자르세요. 배경을 녹색이나 검정으로 바꾸면 크로마키 투명도 됩니다.
- 어떤 폰트를 지원하나요?
- 브라우저 기본 고정폭 폰트를 사용합니다. 브라우저가 그릴 수 있는 문자라면 모두 점으로 변환되고, 한국어·일본어·중국어·대부분의 유니코드를 지원합니다.
- 입력한 텍스트가 서버로 전송되나요?
- 아니요. 래스터화와 렌더링 모두 브라우저 내부에서 처리되며 서버로 전송되지 않습니다.
- 어느 정도 길이까지 지원하나요?
- 수백 자까지는 부드럽게 동작합니다. 수천 자를 고밀도로 돌리면 점 개수가 선형으로 늘어나 프레임 드롭이 생길 수 있습니다.
- 8 줄 밀도에서 글자가 각져 보입니다
- 8 줄은 레트로 스타일로 많은 문자가 5 × 8 격자 안에 들어갑니다. 더 선명한 글자체를 원하면 16 또는 24 줄로 바꾸세요.
- 역방향 스크롤이 가능한가요?
- 현재는 오른쪽에서 왼쪽으로의 고전적 방향만 지원합니다. 요청이 많으면 방향 전환을 추가할 예정입니다.
- 세로 화면에서도 동작하나요?
- 동작하지만 스테이지가 16:9 이므로 가로 방향이 가장 보기 좋습니다. 세로 화면에서는 마키가 작아지지만 여전히 읽을 수 있습니다.