Replit Agent로 일주일 만에 완성한 AR 유령 사냥 게임: Spookseek AR 제작기

섹션별 상세

01

Ruth Heasman은 Replit Agent의 등장 이후 1년 만에 20개 이상의 앱을 제작하며 상위 0.1% 마스터 빌더로 성장했다.

02

Spookseek AR은 카메라, 가속도계, 자이로스코프, 햅틱 등 스마트폰의 하드웨어 기능을 최대한 활용하도록 설계된 증강 현실 게임이다.

Spookseek AR의 홈 페이지와 실제 게임 플레이 화면을 보여주는 이미지이다. — Screenshot스마트폰 카메라를 통해 실제 공간에서 유령을 탐지하는 AR 인터페이스와 수집된 유령들이 카드 형태로 나열된 도감 시스템을 시각적으로 보여준다. 게임의 전반적인 디자인 톤과 AR 구현 방식을 이해하는 데 도움을 준다.

Spookseek AR의 핵심 시스템인 Spectra-OS 인터페이스, 멀티플레이어 모드, 포토부스, 스토리 모드에 대한 설명이다. — Infographic게임의 주요 기능적 구성 요소를 인포그래픽 형태로 나열하고 있다. 특히 실제 장치 센서를 활용한 AR 탐지 시스템인 Spectra-OS와 50개 레벨의 스토리 모드 등 게임의 기술적 깊이와 콘텐츠 규모를 설명한다.

03

Expo 환경에서 ARKit 사용이 제한되는 문제를 해결하기 위해 Replit Agent와 함께 Three.js를 기반으로 한 맞춤형 3D 시스템을 처음부터 구축했다.

04

유령이 화면에 고정되지 않고 실제 공간에 떠 있는 것처럼 보이게 하기 위해 가상 구체(Virtual Sphere)에 유령을 투영하고 카메라 수학을 정밀하게 조정했다.

05

개발용 앱과 실제 프로덕션 빌드 간의 성능 차이로 인해 발생하는 타이밍 이슈와 무음 오류(Silent Failure)를 해결하는 '마지막 20%'의 과정이 전체 개발 시간의 절반을 차지했다.

06

개발 도중 Claude 모델의 성능 업그레이드가 실시간으로 Replit Agent의 문제 해결 능력 향상으로 이어지는 경험을 통해 AI 도구의 진화를 직접 체감했다.

07

Sunno와 ElevenLabs를 활용해 게임 내 사운드와 캐릭터 음성을 생성하고, 수집한 유령을 홀로그램 카드 형태의 도감으로 시각화하여 사용자 경험을 풍부하게 만들었다.

용어 해설

리플릿 에이전트(Replit Agent): — 사용자의 자연어 지시를 이해하여 코드를 작성하고, 환경을 설정하며, 애플리케이션을 배포까지 수행하는 자율형 AI 코딩 도구이다. 복잡한 인프라 설정이나 라이브러리 연동을 자동화하여 비전공자도 실제 작동하는 소프트웨어를 개발할 수 있게 돕는다.
쓰리 제이에스(Three.js): — 웹 브라우저에서 3D 그래픽을 렌더링하기 위해 널리 사용되는 JavaScript 라이브러리이다. WebGL을 기반으로 하며, 복잡한 3D 수학 계산 없이도 가상 공간에 객체를 배치하고 조명과 텍스처를 적용할 수 있게 해준다.
에이알키트(ARKit): — Apple이 iOS 기기를 위해 개발한 증강 현실(AR) 프레임워크이다. 기기의 카메라와 센서를 활용해 주변 환경을 인식하고 디지털 객체를 실제 공간에 정밀하게 배치하는 기능을 제공한다.
테스트플라이트(TestFlight): — Apple이 제공하는 iOS 앱 베타 테스트 플랫폼이다. 정식 App Store 출시 전에 개발자가 외부 테스터들에게 앱을 배포하여 피드백을 받고 성능을 점검할 수 있는 환경을 제공한다.
프레넬 셰이더(Fresnel Shader): — 관찰자의 시선 각도에 따라 물체의 반사율이나 투명도가 변하는 물리적 현상을 시뮬레이션하는 그래픽 기술이다. 이 게임에서는 유령의 가장자리가 빛나거나 반투명하게 보이는 효과를 구현하는 데 사용되었다.

기술

Replit Agent
Three.js
Expo
Claude
Suno
ElevenLabs
TestFlight

활용 사례

AR 게임 개발
AI 에이전트 기반 프로토타이핑
비전공자의 앱 출시

언급된 리소스

DemoSpookseek AR TestFlight