Aller au contenu

Template Jeux

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 écrans
  • iOS et Android
  • Données d’exemple
  • Mis à jour le 29 oct. 2026
  • Version vérifiée
  • 1 copie créée

Copie gratuite · Code source complet · Sans carte bancaire

Écrans

6 écrans de l’app fonctionnelle.

Contenu

  1. Playable in the first second: the game is the home screen; your fighter stands where you will land
  2. A pure, tested engine: 8 fighters, a ring closing in five phases, cover, pickups, Dash, bots that fight each other
  3. Bots that feel human: a warning line before they fire, slower shots that never lead you, cover and retreat
  4. Kind first matches that sharpen in waves of three, tuned by simulation and a headless play test in the browser
  5. All drawn in code: an island of five places, a logotype, ten outfits and seven bots, front-on and from above
  6. Missions from real matches, a 7-day daily ladder, a Kit paid in coins, and your record against each bot

À propos de ce modèle

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.

gamebattle royalearena shootertop downbotsarcadeleaderboardmissionssupabaserevenuecatreact nativeexpo

Ce que vous obtenez

  • Code source complet — Expo et React Native en TypeScript, en app dans votre espace de travail.
  • Aperçu en direct — testez chaque changement dans votre navigateur ou sur votre téléphone.
  • Version vérifiée — elle compile et chaque écran s’ouvre sans erreur.
  • Assistant IA — modifiez tout par chat ; chaque changement consomme des crédits.
  • Builds et envoi aux stores — builds iOS et Android, envoyés à l’App Store et à Google Play depuis Publier.
  • Aucun crédit pour copier — la copie elle-même est gratuite.

Conçu avec une version antérieure de FluxNative. Votre copie fonctionne telle quelle ; demandez à l’agent de la mettre à jour quand vous voulez les langues et devises de l’app ou les liens À propos.

Ce qu’il vous faut

  • Un compte FluxNative — le forfait Free accepte jusqu’à 2 apps.
  • Aucun backend au départ — elle tourne sur des données d’exemple jusqu’à ce que vous connectiez le vôtre.
  • Creator ou plus — pour les builds natifs et l’envoi aux stores.
  • Comptes de store — Apple Developer Program (99 US$ par an) et Google Play (25 US$ une fois), pour publier.

Ce que contient le code

écrans
10
fichiers dans votre copie
327
lignes écrites pour cette app
9 262
composants d’interface prêts à l’emploi
139

Textes de l’app en anglais et vietnamien

Stack technique

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

Tiré du package.json de cette version.

Système de design

Titres
Outfit
Texte
Outfit
  • Modes clair et sombre
  • Liquid Glass
  • Boutons en pilule
  • Cartes en relief

Configuration après le fork

Votre copie s’ouvre avec l’assistant IA qui l’a créée. Suivez les étapes dans l’ordre : connectez sous Serveur ce qu’une étape demande, puis envoyez chaque prompt.

  1. 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.

    Prompt pour l’IA

    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.

  2. 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.

    Prompt pour l’IA

    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.

  3. Reskin the island and the fighters

    Change the palette, outfits, gear, blasters and bot names; the rules are named constants in engine.ts.

    Prompt pour l’IA

    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.

  4. 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.

    Prompt pour l’IA

    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.

Comment utiliser ce modèle

  1. Utilisez le modèle pour obtenir une copie modifiable, avec son code source, dans votre espace de travail (Modèles).
  2. Demandez à l’assistant IA les changements voulus, avec vos propres mots (Travailler avec l’assistant).
  3. Essayez chaque changement dans l’aperçu en direct ou sur votre téléphone (Aperçu).
  4. Avec Creator ou plus, compilez-le pour iOS et Android et envoyez-le aux stores (Vue d’ensemble de la publication).

Licence et support

Licence

L’app créée pour vous vous appartient ; le code du modèle reste à InspireUI et vous est concédé sous licence pour vos apps (Conditions › Notre propriété intellectuelle).

Aide

  • Guides sur les templates, l’assistant et la publication.
  • Contacter le support depuis Aide ; réponse en général sous 1 à 2 jours ouvrés.
  • Dans votre copie, interrogez l’assistant IA sur n’importe quel écran ou fichier.

Créé par FluxNative

Politique de support

Questions

Est-ce gratuit ?

Copier un template gratuit ne coûte rien, pas même des crédits ; un template Premium est un achat unique par site web. Les changements par chat et les builds consomment des crédits.

Qu’est-ce qui m’appartient ?

L’app créée pour vous vous appartient. Le code du template reste à InspireUI et vous est concédé sous licence pour vos apps (Conditions › Notre propriété intellectuelle).

Faut-il savoir coder ?

Non. Demandez des changements à l’assistant en mots simples ; le code source complet est là si vous le voulez.

Y a-t-il un backend inclus ?

Non. Une app complète nomme le backend requis et vous connectez le vôtre sous Server ; un design tourne sur des données d’exemple.

Puis-je changer le design ?

Oui. L’onglet Design règle la couleur de marque, les couleurs, les polices et les angles sans coût en crédits ; l’assistant change le reste.

Quel forfait pour publier ?

Creator ou plus compile et envoie aux stores, avec vos propres comptes Apple et Google. L’app d’un template Premium se compile avec tout forfait dès que son site web est connecté.

Puis-je télécharger le code source ?

Oui, avec Télécharger le code source ou Push vers GitHub, dès que votre espace de travail a acheté un forfait, des crédits ou un template payant. L’app d’un template Premium exige aussi son site web connecté.

Et si elle a été créée avec une version antérieure de FluxNative ?

Votre copie fonctionne telle quelle. Demandez à l’assistant de la mettre à jour pour les nouveautés comme les langues et devises de l’app ; c’est la dernière étape de configuration.

Prêt à en faire votre app ?

Partez de Zonefall Arena Battle Game App et changez tout par chat. Votre copie inclut tout le code source.

Copie gratuite. Sans carte bancaire.

Taking a little longer than usual…

Loading FluxNative