와이어프레임 · 저충실도 · 재사용 패턴(탭 패널 + 커맨드 참조)

아바타 채팅 (위플챗)

통합 후원 플랫폼(가칭) 기획서 §03 아바타 채팅 기준. 채팅창의 “패널형” 레이아웃을 재사용하되, 상단은 테마 대신 5개 서브탭(아바타/오브젝트/상세/말풍선/필터링)으로 구성됩니다. 화면 하단엔 미니게임 4종의 명령어 참조표를 배치합니다.
이 화면은 스튜디오 셸의 콘텐츠 영역입니다. 사이드바(21개 메뉴)·전역 헤더(모드 전환·🔴 LIVE 배지·🔔 알림)·저장 바는 스튜디오 셸 와이어프레임에서 정의하며 여기서는 그리지 않습니다. 설정값은 편집 시 미리보기에만 반영되고, 저장해야 송출에 반영됩니다(§00 저장 원칙).
테마 공급 방식. 이 화면의 “아바타 리스트”는 supply_type=curated_asset입니다 — 처음엔 별도 테마 선택 UI가 없다고 보아 “해당없음”으로 분류했으나, 아바타 그리드 자체가 완성된 캐릭터 자산을 고르는 갤러리라 완성형으로 정정했습니다(기획서 §00). 말풍선 색상·폰트 등 채팅 표현 관련 필드는 테마와 무관하게 조정 가능합니다.
차별화 기능. 전용 설정 화면 없이 채팅 명령어만으로 진행되는 미니게임(경주/OX퀴즈/배틀로얄/똥피하기)이 특징이라, 설정 패널과 별개로 “명령어 참조표”를 화면 안에 상시 배치했습니다.
OBS 소스 미리보기
안녕하세요!
닉네임1
닉네임2
화이팅
닉네임3
1
아바타
오브젝트
상세
말풍선
필터링
2
3
아바타 사용ON
감정표현 이미지기본(필수)+3종(선택)
시청자 아바타 지정태그 입력
4
명령어 참조 — 전용 설정화면 없이 채팅으로 진행
게임명령어동작
기본 동작!점프 !달리기 !좌 !우 !흔들이동·연출 모션
가위바위보 / 공격!가위바위보, !공격 닉네임진 아바타는 사라짐, 2초 내 입력
경주게임!경주 숫자 [시간] [후원수]참여수·시간·최소후원수 파라미터화
OX퀴즈!퀴즈 문제 [시간]시청자는 o/x 채팅, 생존자만 다음 라운드
배틀로얄!배틀로얄 숫자 [후원수]라스트원 서바이벌
똥피하기!똥피하기 숫자 [시간] [레벨]장애물 피하기, !좌/!우/!정지 조작

주석 — 기획서 필드 대응표

#영역필드타입옵션 값 / 제약사항입력 예시
1서브탭탭 전환tab(단일) × 5아바타 / 오브젝트 / 상세 / 말풍선 / 필터링 — 채팅창의 아코디언 대신 탭 구조로 구성"아바타" 기본 선택
아바타 탭
2아바타아바타 사용toggle기본 ONON
2아바타아바타 리스트 완성형(curated_asset)다중 선택 그리드, 색상·형태 조정 UI 없음제공 캐릭터 중 다중 선택 — 2개 이상 선택 시 시청자 진입마다 랜덤 배정. 각 캐릭터는 디자이너가 스프라이트·모션까지 완성해 배포한 자산이라 크리에이터가 색상·비율을 바꿀 수 없음(supply_type=curated_asset, 캐릭터 세트가 고정이라 structure_type=fixed_slots) — §00 “테마 공급 방식 분류” 참고3종 선택
2아바타아바타 감정표현이미지 업로드 × 4기본(필수) 1장 + 멈춤/슬픔/화남(선택) 3장, 각 5MB 이하기본만 등록
2아바타시청자 아바타 지정태그 입력(닉네임) + 종류 select + 추가/삭제특정 시청자를 고정 아바타로 배정, 인원 제한 없음"단골시청자1" → 캐릭터B 고정
오브젝트 탭
3오브젝트사용 / 종류toggle / radio선물상자 / 별 — 후원 시 화면에 날아다니는 오브젝트"선물상자"
3오브젝트오브젝트 크기slider(px)20~100px40px
3오브젝트후원 최소 개수 / 자동 숨김number / checkbox+number(초)최소개수 1 이상, 자동숨김 기본 10초1개 / 10초
상세 탭
3상세표시 등급checkbox × 4매니저 / 구독자 / 팬클럽 / 기타 — 아바타 표시 대상 등급 선택구독자 ON
3상세아바타 크기/속도/최대 수/Y축 이동slider × 4크기 기본 120px, 속도 기본 6초(이동 애니메이션 주기), 최대 수 기본 20개, Y축 이동 기본 0%120px / 6s / 20개 / 0%
3상세아바타 후원 표시 / 닉네임 설정checkbox+number / checkbox+color×2후원 표시는 최소 금액 지정 가능, 닉네임 설정은 표시 여부+색상 2종표시 ON, 최소 1,000
말풍선 탭
3말풍선테마프리셋 × 5단일 선택"기본"
3말풍선닉네임 표시 사용checkbox기본 ONON
3말풍선말풍선 색상 설정color × 5배경/외곽선/폰트/닉네임배경/닉네임폰트 각각 hex 색상배경 #1C1C1C
3말풍선말풍선 표시 시간slider(초)1~15초, 기본 5초5
필터링 탭(전 화면 공통 패턴 재사용)
3필터링사용자 필터링text(닉네임/아이디) + checkbox × 2후원알림필터링/봇필터링 — 봇필터링 기본 ON, 필터링 대상은 아바타 자체가 생성되지 않음"악성유저1"
3필터링숨길 닉네임 추가text + 추가버튼 → 태그목록Nightbot·MooBot·StreamElements 기본 등록"Nightbot"
명령어 참조 — 미니게임 4종
4명령어기본 동작채팅 명령어(고정)!점프 !달리기 !멈추기 !걷기 !좌 !우 !흔들 !환호 !구르기 !숨기 — 이동·연출 모션, 파라미터 없음"!점프"
4명령어감정표현채팅 명령어!기쁨 / !슬픔 / !화남 — 해당 감정표현 이미지가 등록되어 있어야 동작"!기쁨"
4명령어가위바위보 / 공격채팅 명령어!가위바위보, !공격 닉네임 — 진 아바타는 사라짐, 입력 제한시간 2초"!공격 닉네임3"
4명령어경주게임채팅 명령어 + 파라미터!경주 숫자 [시간] [후원수] — 참여수·제한시간(초)·최소후원수 순서로 파라미터화, 대괄호는 선택값(생략 시 기본값)"!경주 10 60 1000"
4명령어OX퀴즈채팅 명령어 + 파라미터!퀴즈 문제 [시간], 시청자는 o/x로 채팅 응답 — 오답자는 탈락, 생존자만 다음 라운드 진출"!퀴즈 지구는둥글다 20"
4명령어배틀로얄채팅 명령어 + 파라미터!배틀로얄 숫자 [후원수] — 최후 1인이 남을 때까지 서바이벌"!배틀로얄 20"
4명령어똥피하기채팅 명령어 + 파라미터!똥피하기 숫자 [시간] [레벨] — 진행 중 시청자는 ㅁ/ㄴ/ㅇ 또는 !좌/!우/!정지로 조작(한글 자모 단축 입력 지원)"!똥피하기 15 60 2"
4명령어점수 / 기록채팅 명령어!점수 숫자, !기록 — 100점 만점 평균 점수 표시, 연승·연패 기록 조회(§07 랭킹 화면 데이터와 연동)"!기록"
4명령어스트리머 전용채팅 명령어(크리에이터·매니저만)!삭제 닉네임(아바타 강제 제거), !초기화 계열(기록 초기화)"!삭제 닉네임5"
통합 후원 플랫폼(가칭) · 와이어프레임 v5 · 저충실도 · 기준 문서: 통합 플랫폼 기획서 §03 아바타 채팅 · v2: 필드별 타입·옵션·제약·입력예시 상세 스펙 추가 · v3: 감정표현·점수기록·스트리머전용 명령어 추가 · v4: 출처(위플랩/투네이션) 구분 표기 제거 · v5(검증 반영): 아바타 리스트에 테마 공급 방식 분류 반영 — 완성형(curated_asset), “해당없음”에서 정정된 항목임을 화면에 명시(기존엔 기획서에만 있고 와이어프레임 미반영) · 2026-08-13