이 프로토타입에서 봐야 할 것

다섯 문장을 끝까지 진행하면 밤하늘이 반응하고, 마지막에 오늘의 별이 켜집니다. 화면 위 토글로 팔레트·효과음·모션을 각각 끌 수 있습니다.

네 모드가 이제 각각 다른 화면

• Learn — 뜻 고르기 + 문장 조립. 틀리면 뒤로 다시 들어옵니다.
• Review — 직접 타이핑해 떠올리기. 못 떠올리면 3쌍 짝맞추기로 감각을 되찾고 다시 물어봅니다. 짝맞추기는 점수를 쓰지 않습니다.
• Roleplay — 장면과 목표 카드. 목표를 달성하면 체크가 켜집니다.
• Live Talk — 목표도 주제도 없는 열린 대화 표면.

내 밤하늘 — 아카이브가 곧 복습 큐

• 배운 문장 하나가 별 하나. 끌어서 이동하고 확대·축소하고 별을 눌러 문장을 봅니다.
• 별의 밝기 = 기억 강도. 흐려진 별이 지금 돌아볼 문장이고, 붉은 링이 돕니다. 아카이브와 복습 큐가 같은 물건이 됩니다.
• 같은 장면의 문장이 모두 단단해지면 별자리 선이 이어집니다.
• 배치는 고정 시드로 생성돼 사람마다 다른 하늘이 됩니다.
• 연속 밤은 달의 차오름으로 보여줍니다.

동반 캐릭터 — 장식이 아니라 도우미

• 선택 가능: 루미(잔잔) · 노바(무대 조명) · 하루(촛불). 각자 색·움직임 속도·말투가 다릅니다.
• 실제로 돕습니다: 2.6초간 손이 멈추면 캐릭터가 개입해 오답 하나를 흐리거나, 첫 단어를 짚거나, 첫 글자를 알려줍니다.
• 정답·오답·완료 문구가 선택한 캐릭터의 말투로 바뀝니다.

듣기 · 말하기 · 쓰기

• 듣기 — 모든 영어 문장 옆에 발음 버튼. 한 번 더 누르면 천천히 읽습니다. 카드가 열릴 때 자동 재생(헤더에서 끌 수 있음). 기기 내장 음성이라 모델 호출도 네트워크도 없습니다.
• 말하기 — 정답 화면에서 내 발음 확인하기. 단어 단위 일치를 색으로 보여주고, 70% 이상이면 XP를 줍니다. 주의: 발음 재생은 기기 안에서 합성되지만, 발음 인식은 Android Chrome에서 음성을 구글 서버로 보냅니다. 즉 인식만은 네트워크를 씁니다. 홈의 이 기기에서 되는 것 카드가 현재 기기의 실제 상태를 보여줍니다.
• 쓰기 — Review는 지금 단어 칩입니다. 자유 타이핑을 별도 모드로 되살릴지가 열린 결정입니다(아래).

연출

• 살아있는 밤하늘 — 시차 별, 흐르는 오로라, 정답 시 반짝임과 유성.
• 버튼 물성 — 눌림 깊이, 스프링 복귀, 터치 지점 리플, 안쪽 하이라이트와 바닥 그림자.
• 단어 비행 — 조립 문제에서 단어가 실제 좌표를 계산해 트레이로 날아갑니다.
• 합성 효과음 — 오디오 파일 0개. Web Audio로 패드·틱·정답 차임·완료 아르페지오를 즉석 합성.
• 햅틱 — 지원 기기에서 탭 10ms, 정답 15-30-15ms.

지키고 있는 것

• 모든 조작 요소 44px 이상, safe-area 대응, 가로 스크롤 0
• 모션 끄기를 누르거나 OS가 모션 축소를 켜면 애니메이션이 멈추고 의미는 텍스트로 남습니다
• 외부 네트워크 요청 0 — 파일 하나로 완결

크림 라이트가 고급져 보이는가

크림 자체는 훌륭합니다. 다만 이 제품이 켜지는 순간은 불 끈 침실, 얼굴에서 30cm입니다. 전면 크림은 그 순간 손전등이 됩니다. 크림이 잘하고 있던 것 — 따뜻함, 세리프, 넉넉한 여백, 반말의 낮은 압력 — 은 버리지 않고 밤 팔레트로 그대로 옮겼습니다. 토글로 두 방향을 직접 비교해 보세요.

현재 배포본과의 차이

아래는 origin/main f908a7703c 소스를 직접 읽어 측정한 값입니다.

다음 단계

방향이 확정되면 이 값들을 /winddown 전용 CSS 변수로 옮기고, Lumi를 이벤트 구동 컴포넌트로 심고, 이미 설치되어 있으나 한 번도 쓰이지 않은 motion ^12.43.0을 전환 레이어에 연결합니다. 클라이언트 번들은 음성 엔진과 마찬가지로 지연 로딩을 유지합니다.