게임 템플릿
Mudline Off-Road Driving Game App
An off-road driving game for iOS and Android: gas and brake pedals, flips, fuel cans, a garage of trucks and upgrades, missions, a daily reward and a leaderboard with rivals.
- 화면 10개
- iOS & Android
- 샘플 데이터
- 2026년 10월 29일 업데이트
- 검증된 릴리스
무료 복사 · 전체 소스 · 카드 필요 없음
화면
실제 앱의 화면 6개
포함된 내용
- Plays on the first screen: hold gas to go, steer in the air, land on your wheels
- A pure, unit-tested physics engine with fuel, flips, big air, checkpoints and crashes
- A wet mud track with puddles that splash, mud off the tyres and a truck that gets muddier
- A garage of eight trucks of their own shapes and four upgrades that change the physics
- Three missions at a time and a 7-day daily reward, all counted from real runs
- A leaderboard with rival drivers, and a weekly board on Supabase that times every run on the server
템플릿 소개
Overview
Mudline is an arcade driving game in the mud: a small truck over endless hills with a gas and a brake pedal. Balance it in the air, land on its wheels, splash through puddles, grab fuel cans and coins, and go a little further each run. The game is the first screen, ready to play in a second; the garage, missions, leaderboard and settings push over it as pages of the same land.
Everything works with no backend in sample mode, from a lived-in sample save. Connect Supabase for a weekly board of every player and RevenueCat to sell Mudline Plus.
Key features
Driving: gas and brake pedals at the bottom of the screen, nose up or down in the air, flips and big air paid in coins, fuel cans to find, a crash past 75°
One seeded course that grows steeper in 500 m stretches, coin rows over its crests, posts, checkpoint flags and the player's best on the road
Garage: eight bodies of their own shapes, from a buggy to a tractor (six for coins, two only in Plus), and Grunt, Lugs, Springs and Tank upgrades of five levels
Missions: three at a time from real runs, a reward when claimed, a harder one in its place; a 7-day daily reward by the phone's date
Leaderboard: the player's best among seven course regulars, the ten best runs, and a weekly board with Supabase
Game feel: mud clods and dust puffs, puddle splashes, coin pops, a camera kick and stars on a crash, haptics on pickups and flips, all optional
Screens
Game: ready, driving, paused and the result board with the crash kept in view
Garage: the truck on a turntable in the shed, bodies and upgrades
Missions: the daily reward board, missions and the week's driving
Leaderboard: trucks on mud mounds, rival drivers and your ten best
How to play, Mudline Plus, Settings, About, Terms of Use and Privacy Policy
Backend
The weekly board is a Supabase migration: every run starts on the server and submit_score takes each run once, refusing one longer than the time since it started, faster than the truck can go or with impossible coins. Anon reads no table; the board shows names, bests and places only, and Delete my data removes a player's runs, name and anonymous sign-in.
Monetisation
One non-consumable purchase, Mudline Plus, through RevenueCat: every truck in the garage and double coins. No ads, no loot boxes, nothing that looks like gambling. Without store keys the Plus page shows a sample price and sells nothing.
Setup
Run the migration on your Supabase project, allow anonymous sign-ins and add its URL and key
Create the mudline_plus product, the plus entitlement and the default offering in RevenueCat and add its keys
Reskin the land, the trucks, the prices and the rivals in a handful of files
제공 내용
- 전체 소스 — TypeScript로 된 Expo와 React Native, 작업 공간의 앱으로 받아요.
- 라이브 미리보기 — 모든 변경을 브라우저나 휴대폰에서 바로 확인해요.
- 검증된 릴리스 — 컴파일되고 모든 화면이 오류 없이 열려요.
- AI 어시스턴트 — 채팅으로 무엇이든 바꿔요. 변경마다 크레딧을 써요.
- 빌드와 스토어 업로드 — iOS와 Android 빌드를 게시에서 App Store와 Google Play로 보내요.
- 복사에 크레딧 불필요 — 복사 자체는 크레딧이 들지 않아요.
이전 버전의 FluxNative로 만들었어요. 사본은 그대로 동작해요. 앱 언어, 통화, 정보 링크가 필요할 때 에이전트에게 업데이트를 요청하세요.
필요한 것
- FluxNative 계정 — Free 플랜은 앱을 2개까지 가질 수 있어요.
- 시작에 백엔드 불필요 — 내 것을 연결할 때까지 샘플 데이터로 실행돼요.
- Creator 이상 — 네이티브 빌드와 스토어 업로드용이에요.
- 스토어 계정 — 게시하려면 Apple Developer Program(연 99달러)과 Google Play(1회 25달러)가 필요해요.
소스에 담긴 것
- 화면
- 10
- 사본 속 파일
- 330
- 이 앱을 위해 쓴 코드 줄
- 8,103
- 바로 쓰는 UI 컴포넌트
- 139
앱 텍스트: 영어 및 베트남어
기술 스택
- Expo SDK
- 57.0.22
- React Native
- 0.86.3
- React
- 19.2.8
- TypeScript
- 6.0.3
- Expo Router
- 57.0.21
- Supabase JS
- 2.112.3
- RevenueCat
- 10.9.1
이 릴리스의 package.json 기준이에요.
디자인 시스템
- 제목
- Outfit
- 본문
- 시스템 글꼴
- 라이트·다크 모드
- Liquid Glass
- 캡슐형 버튼
- 떠 있는 카드
포크 후 설정
복사본은 이를 만든 AI 어시스턴트와 함께 열려요. 단계를 순서대로 진행하세요. 단계가 요구하는 연결은 Server에서 하고, 각 프롬프트를 보내세요.
Connect Supabase for the weekly board
Server › Backend › Supabase: run the board's migration and allow anonymous sign-ins.
AI용 프롬프트Connect the game's Supabase project for the weekly board: apply supabase/migrations/20261027150000_weekly_board.sql, make sure anonymous sign-ins are allowed (Authentication › Sign In / Providers), and set EXPO_PUBLIC_SUPABASE_URL and EXPO_PUBLIC_SUPABASE_ANON_KEY. Then finish a run and check that it appears on the Leaderboard's This week board.
Sell Mudline Plus with RevenueCat
Server › Monetization: a non-consumable mudline_plus, the plus entitlement and the default offering.
AI용 프롬프트Set up Mudline Plus in RevenueCat: a non-consumable product mudline_plus in App Store Connect and Google Play, an entitlement plus that holds it, and the default offering with one Lifetime package. Add EXPO_PUBLIC_REVENUECAT_IOS_KEY and EXPO_PUBLIC_REVENUECAT_ANDROID_KEY, and set PLAN_PREVIEW in src/services/iap/index.ts to my store price.
Make the land and the trucks yours
The palette, the bodies and their prices, the course and the rivals live in a few files.
AI용 프롬프트Reskin Mudline for my game: change the land, sky and truck paints in src/features/game/palette.ts, the bodies, upgrades and prices in src/features/game/catalog.ts, and the rival drivers in src/services/leaderboard/rivals.ts together with the seed rows at the end of the weekly board migration. Keep the day and night looks.
Put in your terms and privacy policy
Replace the in-app sample pages, or set their addresses.
AI용 프롬프트Replace the sample Terms of Use and Privacy Policy in src/features/legal/TermsScreen.tsx and PrivacyScreen.tsx with my own text, or set EXPO_PUBLIC_TERMS_URL and EXPO_PUBLIC_PRIVACY_POLICY_URL to my hosted pages.
이 템플릿 사용 방법
- 템플릿을 사용하면 소스가 포함된 편집 가능한 사본이 워크스페이스에 생겨요(템플릿).
- 원하는 변경을 AI 어시스턴트에게 평소 말투로 요청하세요(어시스턴트와 작업하기).
- 각 변경은 실시간 미리보기나 휴대폰에서 확인하세요(미리보기).
- Creator 이상 플랜에서 iOS와 Android용으로 빌드해 스토어에 제출하세요(게시 개요).
라이선스와 지원
라이선스
나를 위해 만든 앱은 내 것이에요. 템플릿 코드는 InspireUI 소유로 남으며 내 앱에서 쓰도록 라이선스돼요(약관 › 당사의 지식재산).
FluxNative 제작
지원 정책질문
무료인가요?
무료 템플릿 복사는 크레딧도 들지 않아요. Premium은 웹사이트당 1회 구매예요. 채팅 변경과 빌드에는 크레딧을 써요.
무엇을 소유하나요?
나를 위해 만든 앱은 내 것이에요. 템플릿 코드는 InspireUI 소유이고 내 앱에서 쓸 수 있도록 라이선스돼요(이용약관 › 당사의 지적 재산).
코드를 알아야 하나요?
아니요. 어시스턴트에게 쉬운 말로 변경을 요청하세요. 필요하면 전체 소스도 있어요.
백엔드가 포함되나요?
아니요. 완전한 앱은 필요한 백엔드를 알려 주고, 서버에서 내 것을 연결해요. 디자인은 샘플 데이터로 실행돼요.
디자인을 바꿀 수 있나요?
네. 디자인 탭에서 브랜드 색, 색상, 글꼴, 모서리를 크레딧 없이 설정해요. 나머지는 어시스턴트가 바꿔요.
게시하려면 어떤 플랜이 필요한가요?
Creator 이상이면 내 Apple·Google 계정으로 빌드하고 스토어에 업로드해요. Premium 템플릿의 앱은 웹사이트를 연결하면 어떤 플랜이든 빌드돼요.
소스를 다운로드할 수 있나요?
네. 작업 공간에서 플랜, 크레딧 또는 유료 템플릿을 구매했다면 소스 다운로드나 GitHub 푸시로 가능해요. Premium 템플릿의 앱은 웹사이트 연결도 필요해요.
이전 FluxNative로 만들었다면요?
복사본은 그대로 작동해요. 앱 언어와 통화 같은 새 기능은 어시스턴트에게 업데이트를 요청하세요. 마지막 설정 단계예요.
내 앱으로 만들어 볼까요?
Mudline Off-Road Driving Game App에서 시작해 채팅으로 무엇이든 바꾸세요. 사본에는 전체 소스 코드가 포함돼요.
무료로 복사하세요. 신용카드는 필요 없어요.