Skip to content

[Child #73] 그리는 선 비주얼 명세·구현 #87

@SilverSupplier

Description

@SilverSupplier

Parent: #73

목적

직접 드로잉 게임에서 그리는 선 자체의 비주얼이 곧 게임의 첫 손맛이다. 현재 docs/GAME_DESIGN.md §4 드로잉 원칙엔 "잠깐 빛나다 사라진다"만 있고 색·두께·잔상·family 변주가 명세되어 있지 않다. M1 vertical slice의 체감을 결정하므로 P0.

명세

인식 전 (그리는 중)

  • 색: 흰빛(#F5F5FF), 알파 0.85
  • 두께: 2px (논리 픽셀 기준)
  • 글로우: 외곽 4px 부드러운 발광
  • 잔상: stroke 끝점부터 0.5초 선형 페이드

인식 후 (base seal 형성 직전)

base family가 판정되는 순간 색이 변환:

family 비고
fire #FF8A4C (주황) 따뜻한 톤
water #4DD0E1 (청록) 시원한 톤
wind #ECEFF1 (흰빛 유지) 거의 흰빛, 미세하게 옅음
earth #A1887F (갈색) 단단한 톤
life #AED581 (연두) 따뜻한 녹색

품질 반영

  • low quality 시 두께 1.5px + 알파 0.6으로 흐릿
  • 좋은 품질 시 글로우 외곽 6px로 더 강하게

base seal 형성

  • 인식 성공 직후 1초간 글로우 펄스 (외곽 4px → 8px → 4px)
  • pulse 종료 후 seal은 정해진 유지 시간(잠정 5초)동안 약한 발광으로 남음

마우스 커서

  • 평소: 운영체제 기본 커서
  • 우클릭 hold 시작 시: 작은 룬 도트로 변환 (4px 다이아몬드)
  • release 시 기본 커서로 복귀

주요 파일/대상

  • unity/MagicExamHall/Assets/MagicExamHall/Scripts/Runtime/WorldDrawingController.cs
  • 신규 ScriptableObject: StrokeVisualTokens (색·두께·잔상 시간을 분리해 추후 일괄 수정 가능)
  • 새 셰이더 또는 LineRenderer 머티리얼

검증

  • PlayMode test 또는 수동 검증으로 family 5종 모두 색 변환 확인
  • low quality 시 두께·알파 변화 확인
  • base seal 형성 펄스가 1초 안에 끝나는지 확인

의존성

완료 조건

  • 5 family 색 변환이 즉시 보임
  • 인식 전후 시각 차이가 한 눈에 구분됨
  • low quality 시각 표현이 동작
  • 디자인 토큰이 ScriptableObject로 분리됨

Metadata

Metadata

Assignees

No one assigned

    Labels

    area:feedbackHints, Magic Note, UI feedback, onboarding, and accessibilityarea:gameplayPlayer loop, floors, goals, hazards, and contentarea:unityUnity Magic Exam Hall playable projectenhancementNew feature or requestpriority:P0Must happen for the next playable/project milestonetype:childChild issue linked from a parent planning issue

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions