Files
hushroom/.cli/tasks/0012-lobby-stars-smaller-darker-cores.md

2.4 KiB

.gemini/current.md

TASK_META (수정 금지)

  • TASK_TITLE: Lobby 배경 별(코어) 더 작고 더 진하게 튜닝
  • TASK_SLUG: lobby-stars-smaller-darker-cores

작업 목표

@src/app/page.tsx 로비 배경 별자리(오리온/마차부/북두칠성)의 별(코어)이 지금보다 반지름이 더 작고, 색/불투명도가 더 진하게 보이도록 조정한다. glint(십자 빛 번짐) 및 그라데이션/블룸 구조는 유지한다.

작업 요구사항

  1. 코어(중심 점) 크기 축소(필수)
  • 별 코어(circle) radius를 전체적으로 15~35% 축소한다.
  • 권장 목표 범위:
    • 일반 별: r 0.6 ~ 1.0
    • 강조 별: r 1.0 ~ 1.4
  • “노드/버튼”처럼 보이면 실패(작고 선명하게).
  1. 코어 색/진하기 강화(필수)
  • 코어가 더 “진하게” 보이도록 alpha/색을 조정한다.
  • 권장 목표 범위(배경이 어두운 기준):
    • 일반 별: opacity 0.55 ~ 0.85
    • 강조 별: opacity 0.85 ~ 1.0
  • 단, 과도한 눈부심/번쩍임 금지(특히 중앙에 몰려 보이면 실패).
  1. glint/블룸은 유지하되 과하지 않게(필수)
  • glint(십자)와 그라데이션 stroke는 유지한다.
  • 코어를 진하게 만들면서 glint가 더 튀면 아래 중 하나 적용:
    • glint 피크 opacity를 10~20% 낮춤
    • 블룸 레이어 opacity를 소폭 낮춤(<= 0.20 권장)
  • 목표: “작고 진한 별 + 은은한 글린트”
  1. 애니메이션 제약 유지(필수)
  • twinkle/glint 애니메이션은 opacity only 유지
  • transform(scale/translate/rotate) 금지
  • 별/별자리 위치 이동 금지
  • prefers-reduced-motion: reduce 시 정지 또는 크게 약화

Non-scope

  • 로비 카드/CTA/레이아웃 변경 금지
  • 별자리 종류/개수 변경 금지(3개 유지)
  • 다른 페이지 변경 금지
  • 신규 기능 추가 금지

적용 파일

  • 필수: @src/app/page.tsx
  • (허용) 필요 시 최소 스타일 조정 파일

완료 조건(AC)

  • 별 코어가 확실히 더 작아졌다(전체적으로 15~35% 감소 체감)
  • 별 코어가 확실히 더 진하게 보인다(대비 상승)
  • glint는 유지되며 과하게 튀지 않는다(필요 시 소폭 감쇠)
  • opacity-only 애니메이션, transform 0, 위치 이동 0
  • prefers-reduced-motion에서 정지 또는 크게 약화

완료 후 출력(최소)

  • 수정된 파일 경로 목록
  • AC 항목별 체크 결과(OK/NO)