Skip to content

feat: matter.js 월드 + 캔버스 렌더 루프 + 탭 낙하 (Day 1 전반) - #2

Merged
99mini merged 1 commit into
mainfrom
claude/prd-review-work-bw0plr
Aug 16, 2026
Merged

99mini merged 1 commit into
mainfrom
claude/prd-review-work-bw0plr

Conversation

@99mini

@99mini 99mini commented Aug 14, 2026

Copy link
Copy Markdown
Owner

목표

물리 월드와 렌더 루프를 올려서 탭하면 글자가 떨어지는 첫 인터랙션을 만든다. 키보드/IME 입력은 다음 PR.

변경 내용 (핵심 파일 2개 + 페이지 연결)

  • src/lib/constants.ts — 물리·렌더 상수를 전부 한 파일에 모음 (PRD §9: 튜닝은 여기 한 줄씩만).
  • src/lib/stage.ts — matter.js 엔진 + 바닥·좌우 벽(두꺼운 정적 바디), 캔버스 직접 렌더 루프. dpr은 최대 2로 캡(발열), 리사이즈 대응, 물체 200개 상한과 화면 밖 컬링 포함. 충돌체는 모서리 깎은 사각형(chamfer).
  • src/pages/index.astro — 캔버스 추가, 탭하면 샘플 글자(한글 위주) 스폰. 첫 글자가 떨어지면 힌트 제거.

확인 방법

머지 후 https://99mini.github.io/gravitype/ 접속 → 화면을 탭할 때마다 글자가 떨어지고 바닥에 쌓이면 성공. 연타해서 쌓이는 것도 확인.

⚠️ 이 PR 머지가 곧 재배포입니다 — 이전에 실패한 Pages 배포가 이번 main 푸시에서 다시 실행됩니다 (Pages 설정은 활성화 완료).

다음 PR

PR 3 — 탭 → 네이티브 키보드 소환 → 실제 타이핑 글자 낙하 (IME 조합 처리 포함).


Generated by Claude Code

- 물리 월드: 바닥·좌우 벽(두꺼운 정적 바디), 리사이즈 대응
- 캔버스 직접 렌더: dpr 캡(최대 2), 회전 포함 글자 그리기
- 탭하면 샘플 글자가 상단 중앙에서 떨어짐 (키보드 입력은 다음 PR)
- 물체 200개 상한·화면 밖 컬링
- 물리 상수는 src/lib/constants.ts 한 파일에 집約

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_013jzX6PJvGgLYvdvXBBRS4m
@99mini
99mini merged commit a618888 into main Aug 16, 2026
4 checks passed
@99mini
99mini deleted the claude/prd-review-work-bw0plr branch August 16, 2026 23:29
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants