최종 결과: 휴대폰에서 실행되는 PixelGames 메뉴와 Blocks 게임.
시작하기 전에
필요한 것은 Replit 계정뿐이며, 무료로 만들 수 있습니다. 목표는 전체 과정을 한 바퀴 완주하는 것입니다.- Agent로 앱 만들기
- 모바일 앱으로 테스트하기
- 게시하고 공유하기
1. Agent에게 앱 만들기 요청하기
Replit을 열고 새 앱을 시작하세요. 만들고 싶은 것을 설명한 다음 앱 유형으로 Mobile app을 선택하세요.
Agent가 모바일 프로젝트와 콘솔 셸 UI를 설정하는 모습.
2. 미리보기에서 작동 확인하기
Replit은 미리보기 창에서 바로 PixelGames를 iOS 또는 Android로 시뮬레이션합니다. 변경 사항을 확인하는 가장 빠른 방법입니다.1
시뮬레이터가 자동으로 시작됩니다
PixelGames가 준비되면 Replit이 바로 시뮬레이션을 실행하므로 별도 설정이 필요 없습니다.
2
드롭다운으로 플랫폼 전환하기
미리보기 창 도구 모음(렌치 및 새로고침 아이콘 옆)의 Simulate on… 드롭다운으로
iOS, Android, Web 사이를 전환하세요.
Replit 미리보기 창의 Simulate on... 드롭다운.
실제로 작동하는지 확인하기
플레이어가 하듯이 PixelGames를 사용해 보세요.- MENU 화면에서 Blocks는 선택할 수 있고 나머지 세 게임은 “SOON”으로 표시되는지 확인하세요.
- Blocks를 열고 D-pad와 A/B 버튼으로 블록 몇 개를 플레이해 보세요.
- 플레이하는 동안 HUD의 점수, 레벨, 라인이 업데이트되는지 확인하세요.
PixelGames가 실행되었습니다
프롬프트 하나로 Replit 안에서 바로 미리 볼 수 있는 플레이 가능한 게임을 만들었습니다.문제 해결
미리보기 창이 계속 비어 있습니다
미리보기 창이 계속 비어 있습니다
첫 빌드는 1~2분 정도 걸리므로, 멈췄다고 판단하기 전에 잠시 기다려 주세요. 그래도
비어 있다면 콘솔에서 오류를 확인하고 Agent에게 공유하세요.
변경 사항이 미리보기에 나타나지 않습니다
변경 사항이 미리보기에 나타나지 않습니다
콘솔에서 R을 눌러 PixelGames를 다시 불러온 다음, 그래도 이전 화면이면 미리보기 창
도구 모음의 새로고침 아이콘을 사용하세요.
미리보기에 빨간 오류 화면이 나타납니다
미리보기에 빨간 오류 화면이 나타납니다
보통 JavaScript 오류나 누락된 패키지를 의미합니다. 메시지를 읽어 보세요. 정확한 파일과
줄을 알려주는 경우가 많습니다. 그런 다음 Agent에게 공유하고 수정을 요청하세요.
앱이 웹에서는 작동하지만 iOS나 Android에서 깨집니다(또는 그 반대)
앱이 웹에서는 작동하지만 iOS나 Android에서 깨집니다(또는 그 반대)
일부 패키지는 플랫폼마다 다르게 동작합니다. 웹에서 작동하는 패키지가 네이티브를 지원하지
않거나 다른 설정이 필요할 수 있습니다. 사용하기 전에 Agent에게 “이 패키지가 네이티브를
지원하나요?”라고 물어보세요.
빌드가 오래 걸립니다
빌드가 오래 걸립니다
아직 캐시된 것이 없으므로 첫 빌드는 항상 더 느리며, 이후 빌드는 더 빨라집니다. 계속
느리다면 Agent에게 프로젝트에 불필요한 패키지가 있는지 확인해 달라고 요청하세요.
Module not found 오류
Module not found 오류
패키지가 설치되지 않았거나, 설치되었지만 캐시가 오래되었다는 뜻입니다. Agent에게 설치하거나
캐시를 지워 달라고 요청하고, 패키지 이름의 철자가 틀리지 않았는지도 다시 확인하세요.
다음 단계
휴대폰에서 테스트하기
PixelGames를 실제 휴대폰 앱으로 느껴 보세요. 엄지 아래의 버튼, 햅틱, 실제 화면 크기까지.
로그인 추가하기
플레이어가 로그인하고 진행 상황을 저장할 수 있게 하세요.
모바일 앱에 이미지 저장하기
프로필 사진을 App Storage에 저장하세요.
푸시 알림 보내기
새 게임이 출시되면 플레이어에게 알려 주세요.
결제 추가하기
PixelGames의 콘텐츠에 대해 플레이어에게 요금을 청구하세요.