얼굴로 조작하는 웹게임을 Claude Code와 10일 만에 제작
SkinSync는 휴대폰 전면 카메라로 얼굴 움직임을 읽어 진행하는 웹게임이다. 머리를 움직여 토마토를 피하고, 입으로 쿠키를 먹고, 눈썹으로 병아리를 날리는 식의 짧은 신체 도전으로 구성됐다. 얼굴 추적은 로 기기 안에서 처리되며, 필요한 파일을 함께 넣어 실행 중 CDN을 부르지 않는다.
카메라 영상은 휴대폰 밖으로 나가지 않고, 시연 영상도 실제 얼굴 대신 추적 점만 보이게 녹화됐다. 기술 구성은 정적 , 빌드 단계 없음, 서버용 Node 파일 하나로 단순하다. Claude Code가 코드 대부분을 작성했고, 사람은 실제 얼굴로 매 도전을 플레이하면서 어색한 느낌을 찾아냈다.
출시 전에는 사람처럼 늦게 반응하는 자동 조종자를 만들어 화면 없이 Node에서 각 게임을 시험했다. 눈썹으로 새를 튕겨 올리는 방식은 약 350밀리초의 눈썹 감지 지연 때문에 어떤 물리값을 넣어도 중앙값이 관문 1개에 그쳤고, 그래서 눈썹을 올리면 계속 올라가는 연속 조작 방식으로 바뀌었다. 파비콘을 만들려고 작성한 의존성 없는 PNG 생성 스크립트가 얼굴 추적 점처럼 보이는 웃는 얼굴을 만들었고, 그것이 마스코트가 됐다.
핵심 포인트
- SkinSync는 앱 설치 없이 웹에서 실행되는 얼굴 조작 게임이다.
- 얼굴 추적은 휴대폰 안에서 처리되고 카메라 영상은 밖으로 보내지 않는다.
- 구성은 와 Node 파일 하나로 매우 단순하게 잡았다.
- Claude Code가 코드 대부분을 만들었지만, 실제 재미와 불편함 판단은 사람이 플레이하며 맡았다.
- 자동 시뮬레이션이 눈썹 조작 방식의 구조적 한계를 빠르게 찾아내 설계를 바꾸게 했다.