브라우저에서 도는
게임 네 개

프로젝트

• 

  TETRIS

  배포됨

  현대 테트리스 가이드라인을 그대로 구현한 브라우저 테트리스와, 서버가 리플레이를 재생해 검증하는 랭킹.

  • 브라우저와 Worker가 같은 결정론 엔진을 공유합니다. 제출된 입력 로그를 서버가 재생해 점수를 다시 계산하고, 리더보드에 저장되는 값은 클라이언트가 주장한 점수가 아니라 그 결과입니다.
  • SRS 회전과 월킥, 7-bag 랜더마이저, 락 딜레이 15회 리셋 제한, T-스핀 3코너 판정, 콤보·백투백·퍼펙트 클리어 점수까지 가이드라인대로 넣었습니다.
  • 막지 못하는 우회(프레임레이트 제한 슬로모션, 사람 속도로 두는 봇)를 README에 표로 남겼습니다. 검증 모델의 경계를 아는 것까지가 설계입니다.

  • TypeScript
  • React
  • Vite
  • Canvas
  • Cloudflare Pages
  • Workers
  • D1

  플레이하기 ↗ Marathon · Sprint 40L · Ultra 2분 · Daily Seed

• 

  예고된 죽음

  로컬 실행

  바닥에 겹쳐 뜨는 예고를 읽고 안전한 자리를 찾는 아이소메트릭 회피 액션. 버티컬 슬라이스 단계입니다.

  • “겹치는 바닥 예고를 읽는 것만으로 재미가 성립하는가.” 이 하나의 가설을 검증하는 데 필요 없는 것 — 플레이어 공격, 적 체력, 진행, 메타, 오디오 — 은 전부 의도적으로 연기했습니다.
  • 물리 엔진을 넣지 않았습니다. 접촉 판정은 XZ 평면 위에서 원·도넛·회전 사각형·부채꼴이 겹치는지를 푸는 2D 수학입니다.
  • 시뮬레이션은 60Hz 고정 timestep의 순수 함수라, 같은 시드와 같은 입력이면 항상 같은 결과가 나옵니다. 매 프레임 바뀌는 값은 React 렌더 경로에 올리지 않고 useFrame 안에서 three 객체에 직접 씁니다.

  • TypeScript
  • React 19
  • three.js
  • React Three Fiber
  • zustand
  • Vitest

  데모 없음 pnpm dev로 로컬에서 실행합니다

• 

  마피아

  로컬 실행

  인간 한 명이 여섯 좌석의 LLM 에이전트와 섞여 추리하는 싱글플레이 마피아. 마피아를 받으면 속이고, 시민팀을 받으면 찾아냅니다.

  • 규칙 판정은 결정론적 엔진이 소유합니다. LLM은 사회자가 아니라 좌석에만 앉습니다 — 페이즈 전이도 승패도 모델이 정하지 않습니다.
  • 사건 로그는 추가 전용이고, 항목마다 공개 범위가 붙어 있습니다. 각 좌석은 viewFor()가 걸러낸 자기 시야만 받으므로 역할 정보가 프롬프트로 새지 않습니다.
  • 에이전트 구현이 셋입니다 — 스크립트 픽스처, 실제 Claude Sonnet 5, 기록 재생. 덕분에 API 키 없이도 테스트가 전부 돌고, 실제 호출 결과를 그대로 재현할 수 있습니다.

  • TypeScript
  • Next.js 16
  • React 19
  • Claude Sonnet 5
  • zod
  • SSE

  데모 없음 서버 API 키가 필요해 정적 배포가 되지 않습니다

• ⌗ 엔진만 있고 화면이 아직 없습니다

  던전 크롤러

  진행 중

  테트리스에서 쓴 검증 구조를 절차적으로 생성되는 던전에 옮기는 중입니다.

  • 결정론 엔진 — 던전 생성, 적 행동, 이동, 페이즈, 점수, 리플레이 — 이 2,200여 줄로 서 있고 테스트가 붙어 있습니다. 시계도 Math.random()도 읽지 않습니다.
  • 렌더러와 입력을 맡을 웹 클라이언트는 아직 비어 있습니다. 지금의 정직한 상태는 “플레이 가능한 게임”이 아니라 “플레이될 준비가 된 시뮬레이션”입니다.

  • TypeScript
  • pnpm 모노레포
  • Cloudflare Workers
  • D1
  • Vitest

  데모 없음 엔진 테스트만 pnpm test로 돕니다