游戏模板
Zonefall Arena Battle Game App
An Expo / React Native arena battle: drop onto an island of five places with seven bots, move with one thumb while you fire on your own, stay in the ring as the squall closes and be the last one standing. Runs on sample data.
- 10 个界面
- iOS 和 Android
- 示例数据
- 更新于 2026年10月29日
- 已验证版本
- 已复刻 1 次
免费复制 · 完整源码 · 无需信用卡
界面
来自实际运行应用的 6 个界面。
包含内容
- Playable in the first second: the game is the home screen; your fighter stands where you will land
- A pure, tested engine: 8 fighters, a ring closing in five phases, cover, pickups, Dash, bots that fight each other
- Bots that feel human: a warning line before they fire, slower shots that never lead you, cover and retreat
- Kind first matches that sharpen in waves of three, tuned by simulation and a headless play test in the browser
- All drawn in code: an island of five places, a logotype, ten outfits and seven bots, front-on and from above
- Missions from real matches, a 7-day daily ladder, a Kit paid in coins, and your record against each bot
关于此模板
Overview
Zonefall is a top-down arena battle built on Expo SDK 57 and React Native with the FluxNative kernel. The first screen is the game: the island from the air under the drawn ZONEFALL logotype, your record and coins, your fighter standing on the drop point you pick, and Drop in. You and seven bots drop in, loot shields, coconuts and better blasters, and fight while the ring closes in five steps with the squall outside it; the last one standing wins. A match lasts about two minutes, with cartoon knockouts and no blood.
With .env blank the game runs in sample mode: a sample save with 21 matches, 3 wins, 2,050 coins, three outfits, a mission ready to collect and day 3 of the daily ladder. Everything the player does is kept on the phone. Setting the Supabase values turns on the weekly board of every player; setting the RevenueCat keys sells Plus.
Key features
The game: ready, playing, paused and over on one full-bleed screen; a floating stick on the left half (right half when left-handed), auto-fire at the nearest rival in reach, Dash, health and shield, players left, knockouts, a kill feed with the fighters' heads, a minimap and arrows to rivals out of view
The end of a match on a driftwood board: your place and medal (a win with your fighter cheering under rays and confetti), stats counting up, a NEW BEST ribbon, coins flying into the coin pill, missions done, Play again
Kit: ten outfits, each with headgear that gives it its own shape (a snorkel, a fin, ear flaps, a flame crest, headphones, a night-sky hat…), on their rarity's ground three to a row, six blasters with mods, each with a line of character; two outfits come only with Plus. The seven bots are their own cast
Missions: three at a time from real matches (knockouts, places, survival, damage, pickups, Dashes), each round asking a little more; a 7-day daily coin ladder by the phone's date
Leaderboard: a podium of your wins, seconds and thirds, your best ten matches with dates, and your rivals: each bot drawn in its own outfit with your record against it
How to play drawn with the game's sprites; Settings with left-handed controls, vibration, screen shake, reduce motion, About, Terms, Privacy and Delete my data
Screens
10 screens: the game (ready, playing, paused, over), Kit, Missions, Leaderboard, Settings, How to play, Zonefall Plus, About, Terms of Use and Privacy Policy. One stack with no tab bar; every pushed screen opens on the island's sea with its own scene, on a sand page in light and the night sea in dark.
Game and backend
One requestAnimationFrame loop while playing, a pure step(match, dt, input) with dt clamped to 0.05 s, seeded randomness, and the same fire rate at 30, 60 or 120 frames a second
All play input on one PanResponder: the stick and Dash work together with two thumbs, the mouse on the web and the preview's taps
A fight pacer sends one bot at a time for you, with a breather after each of your knockouts; bots hunt each other between the ring's closes
The game folder reads the app through one hook (useGameProgress), so it lifts into another app
Weekly board on Supabase: every table private to its player, the board read through weekly_board (island names and figures, never an id), anonymous sign-in, seeded sample rivals marked as such
The server times every match: start_match when it begins, submit_score takes that id once and refuses a result impossible for its length; nothing else writes a score, and Delete my data clears the phone and the board
Monetisation
Zonefall Plus is one non-consumable in-app purchase sold through the App Store and Google Play with RevenueCat (react-native-purchases): every outfit and blaster, including two outfits only Plus has, and double coins from every match. Access comes from the plus entitlement only, with Restore purchase on the Plus screen. Without RevenueCat keys the Plus screen shows the intended price marked as a sample, says purchases open in the App Store version, and never grants access. No ads, no loot boxes, nothing that pays out.
Setup
It runs as it is. To go live, connect Supabase for the weekly board and RevenueCat for Plus (steps below), set your legal pages, and publish from your own developer account.
你将获得
- 完整源码 — 使用 TypeScript 的 Expo 和 React Native,作为你工作区中的一个应用。
- 实时预览 — 在浏览器或手机上试用每项更改。
- 已验证版本 — 可编译,每个界面都能无错误打开。
- AI 助手 — 用聊天修改任何内容;每次修改会消耗积分。
- 构建与上架 — iOS 和 Android 构建,从发布页发送到 App Store 和 Google Play。
- 复制不耗积分 — 复制本身不收费。
使用较早版本的 FluxNative 制作。你的副本可以照常使用;需要应用语言、货币和关于链接时,请让智能体更新。
你需要什么
- FluxNative 账号 — 免费套餐最多可有 2 个应用。
- 无需先接后端 — 在你连接自己的后端之前,它使用示例数据运行。
- Creator 或更高套餐 — 用于原生构建和上架。
- 商店账号 — Apple Developer Program(每年 99 美元)和 Google Play(一次性 25 美元),用于发布。
源码里有什么
- 个界面
- 10
- 个文件(副本中)
- 327
- 行为此应用编写的代码
- 9,262
- 个现成 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
- 正文
- Outfit
- 支持浅色和深色模式
- Liquid Glass
- 胶囊按钮
- 悬浮卡片
复刻后的设置
你的副本会和构建它的 AI 助手一起打开。按顺序完成步骤:某一步需要连接的内容,请在 Server 中连接,然后发送每条提示词。
Connect Supabase for the weekly board
Server › Backend › Supabase: apply supabase/migrations, turn on anonymous sign-ins, then set EXPO_PUBLIC_SUPABASE_URL and EXPO_PUBLIC_SUPABASE_ANON_KEY.
给 AI 的提示词Connect my Supabase project to Zonefall's weekly board: apply supabase/migrations/20261027120000_weekly_board.sql, make sure anonymous sign-ins are on, set EXPO_PUBLIC_SUPABASE_URL and EXPO_PUBLIC_SUPABASE_ANON_KEY in .env, and check that a finished match shows on the Leaderboard's This week tab.
Sell Zonefall Plus with RevenueCat
Server › Monetization: a non-consumable product zonefall_plus, the entitlement plus, the offering default with a Lifetime package, and the iOS and Android public SDK keys.
给 AI 的提示词Set up Zonefall Plus with RevenueCat: create the non-consumable product zonefall_plus in App Store Connect and Google Play, attach it to the entitlement plus, add a Lifetime package to the default offering, and set EXPO_PUBLIC_REVENUECAT_IOS_KEY and EXPO_PUBLIC_REVENUECAT_ANDROID_KEY.
Reskin the island and the fighters
Change the palette, outfits, gear, blasters and bot names; the rules are named constants in engine.ts.
给 AI 的提示词Reskin Zonefall for my brand: change the island palette in src/features/game/palette.ts, rename and recolour the outfits and blasters in src/features/game/outfits.ts, rename the bots in engine.ts, and keep the engine tests passing.
Set your legal pages
Set EXPO_PUBLIC_PRIVACY_POLICY_URL and EXPO_PUBLIC_TERMS_URL, or edit the in-app pages in src/features/legal.
给 AI 的提示词Point Zonefall's Terms of Use and Privacy Policy at my own pages by setting EXPO_PUBLIC_TERMS_URL and EXPO_PUBLIC_PRIVACY_POLICY_URL in .env, or update the in-app pages in src/features/legal with my company name.
如何使用此模板
许可与支持
许可
为你生成的应用归你所有;模板代码仍归 InspireUI 所有,并授权你在自己的应用中使用(条款 › 我们的知识产权)。
由 FluxNative 制作
支持政策常见问题
免费吗?
复制免费模板不收费,也不耗积分;Premium 模板按网站一次性购买。聊天修改和构建会消耗积分。
我拥有什么?
为你生成的应用归你所有。模板代码仍归 InspireUI 所有,并授权你在自己的应用中使用(条款 › 我们的知识产权)。
需要懂代码吗?
不需要。用日常语言让助手修改;需要时随时可看完整源码。
自带后端吗?
不带。完整应用会写明所需后端,你在 Server 中连接自己的;设计模板使用示例数据运行。
可以改设计吗?
可以。设计标签页可设置品牌色、颜色、字体和圆角,不耗积分;其余由助手修改。
发布需要哪个套餐?
Creator 或更高套餐,用你自己的 Apple 和 Google 账号构建并上传到商店。Premium 模板的应用在连接其网站后,任何套餐都能构建。
能下载源码吗?
可以,使用“下载源码”或“推送到 GitHub”,前提是你的工作区已购买套餐、积分或付费模板。Premium 模板的应用还需连接其网站。
如果是用较早版本的 FluxNative 做的呢?
你的副本照常可用。让助手把它更新到较新的功能,如应用语言和货币;这是最后一个设置步骤。
准备好打造你的应用了吗?
从 Zonefall Arena Battle Game App 开始,通过聊天修改任何内容。你的副本包含完整源代码。
免费复刻,无需信用卡。