태블릿 대형화면 설정

NICE 온라인 방명록

사진 한 장과 손글씨 한 줄이 모여
NICE 심볼이 완성됩니다.

1 사진 촬영
2 펜으로 메시지
3 모자이크에 참여
지금까지 0명이 참여했습니다

사진 촬영

화면을 보고 자세를 잡은 뒤 셔터를 눌러주세요
카메라 준비 중…

메시지 남기기

Apple Pencil 또는 손가락으로 사진 위에 자유롭게 써주세요
펜을 사용하면 손바닥이 화면에 닿아도 그려지지 않습니다 (팜 리젝션 자동 적용)

참여해 주셔서 감사합니다

큰 화면에서 심볼이 채워지는 모습을 확인해 보세요.

0번째 참여자

NICE 디지털 모자이크

여러분의 방명록이 모여 하나의 심볼이 됩니다
0PARTICIPANTS
JUST NOW
로컬 모드
100%
휠(또는 두 손가락)로 확대하고 끌어서 이동 · 사진을 누르면 누가 남겼는지 볼 수 있습니다

운영 설정

행사 시작 전에 심볼과 모자이크 밀도를 맞춰 두세요

현황

0참여자
0모자이크 칸
0%채움률
로컬저장소

연결 진단

대형화면이 계속 "서버 미연결"로 뜨면 여기부터 확인하세요.

대형 화면 배경

NICE CI가 정의한 3가지 배경입니다. 배경을 고르면 심볼 색상(Navy / White)이 브랜드 규칙에 따라 자동으로 맞춰집니다.

배경 70% · 기본 20% · 강조 10% 비율을 따릅니다. 강조색은 NICE Tiffany를 사용합니다.

심볼 (모자이크 원본)

기본값은 배포해 주신 NICE 심볼 마크입니다. 다른 이미지를 쓰려면 배경이 투명한 PNG를 올려주세요.

45

모자이크

46
참여자 사진을 NICE 컬러로 물들여 전체 톤을 맞춥니다. 참여자 본인 사진은 우측 하단 카드와 백업 파일에 원본 색 그대로 남습니다.
20%
22%
8%
12%

좌우 사진 벽

가운데 심볼 모자이크 양옆으로 참여자들의 원본 사진이 흩뿌려져 아주 천천히 떠다닙니다. 바깥쪽일수록 크고 가운데 심볼에 가까울수록 작아져 시선이 자연스럽게 로고로 모입니다. 새 참여자가 등록되면 바깥쪽 큰 자리에 올라와 방금 참여 표시가 붙고, 그 사진이 심볼로 날아갑니다. 패널을 누르면 크게 볼 수 있습니다.

3초
이 간격마다 한 장씩 조용히 다른 사진으로 바뀝니다. 한쪽 20칸 · 양쪽 40칸이므로 3초면 약 2분에 한 바퀴 돕니다. 인터넷 회선이 느리면 5초 이상을 권합니다.

반짝임 연출

NICE 심볼의 빛 모티프를 살린 대형 화면 전용 애니메이션입니다. 새 참여자가 등장할 때 별빛이 터지고, 타일 위로 광택이 천천히 흐릅니다.

7초
태블릿에서 방명록이 올라오면 그 사진이 좌우 사진 벽에 크게 떴다가 심볼의 제 자리로 날아가 박힙니다. 착지하는 순간 그 칸이 채워지고 별빛이 터집니다.
행사장 프로젝터가 느리면 은은하게 또는 끔으로 낮춰주세요. 우측 상단 FPS로 부드러움을 확인할 수 있습니다.

문구

여러 대 연동 (선택)

태블릿 여러 대와 대형 화면을 같이 쓰려면 함께 드린 server.py를 실행하세요. 서버가 이 페이지를 직접 열어주면 주소 입력 없이 자동 연동됩니다.

클라우드로 연동 테스트하려면 함께 드린 cloudflare-worker.js 를 배포하고 그 주소를 넣으세요. 아래 온라인 공유 카드가 서버 주소·암호까지 담은 링크를 만들어 줍니다.

내보내기 / 초기화

6000
되돌릴 수 없습니다. 먼저 백업하세요.

참여자 갤러리

올라온 방명록을 확인합니다. 썸네일을 누르면 원본 크기로 볼 수 있습니다. 대형화면에서도 타일을 직접 눌러 같은 화면을 띄울 수 있습니다.

온라인 공유 (체험·검토용)

이 HTML 파일 하나만 무료 정적 호스팅에 올리면 링크로 바로 열어볼 수 있습니다. 아래 주소를 복사해 공유하면 지금 설정 그대로(배경·톤·데모 인원) 상대방 화면에 열립니다.

200
⚠️ 공개 호스팅은 화면 확인·공유 용도로만 사용하세요. 정적 호스팅에는 서버가 없어 방문자마다 자기 브라우저에만 저장되며, 실제 행사 데이터는 사내 server.py로 운영해야 합니다. 실제 임직원 사진을 외부 호스팅에 올리지 마세요.

데모 데이터

행사 전에 모자이크와 반짝임 연출을 미리 확인할 때 사용하세요.