Saltar al contenido

Plantilla de Juegos

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 pantallas
  • iOS y Android
  • Datos de ejemplo
  • Actualizada el 29 oct 2026
  • Versión verificada
  • 1 copia creada

Copia gratis · Código completo · Sin tarjeta

Pantallas

6 pantallas de la app en funcionamiento.

Qué incluye

  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

Acerca de esta plantilla

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

Qué obtienes

  • Código completo: Expo y React Native en TypeScript, como una app en tu espacio de trabajo.
  • Vista previa en vivo: prueba cada cambio en el navegador o en tu móvil.
  • Versión verificada: compila y cada pantalla abre sin errores.
  • Asistente de IA: cambia lo que quieras por chat; cada cambio usa créditos.
  • Compilaciones y subida a tiendas: compilaciones de iOS y Android, enviadas a App Store y Google Play desde Publish.
  • Copiar no gasta créditos: la copia en sí no cuesta nada.

Creada con una versión anterior de FluxNative. Tu copia funciona tal cual; pide al agente que la actualice cuando quieras idiomas y monedas en la app o enlaces Acerca de.

Qué necesitas

  • Una cuenta de FluxNative: el plan Free admite hasta 2 apps.
  • Sin backend para empezar: usa datos de ejemplo hasta que conectes el tuyo.
  • Creator o superior: para compilaciones nativas y subida a tiendas.
  • Cuentas de tienda: Apple Developer Program (99 US$ al año) y Google Play (25 US$ una vez), para publicar.

Qué incluye el código

pantallas
10
archivos en tu copia
327
líneas escritas para esta app
9262
componentes de UI listos
139

Textos de la app en inglés y vietnamita

Tecnologías

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

Del package.json de esta versión.

Sistema de diseño

Títulos
Outfit
Texto
Outfit
  • Modo claro y oscuro
  • Liquid Glass
  • Botones de cápsula
  • Tarjetas elevadas

Configuración después del fork

Tu copia se abre con el asistente de IA que la creó. Sigue los pasos en orden: conecta en Server lo que pida un paso y luego envía cada 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 para la 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 para la 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 para la 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 para la 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.

Cómo usar esta plantilla

  1. Usa la plantilla para tener una copia editable, con su código fuente, en tu espacio de trabajo (Plantillas).
  2. Pide al asistente de IA los cambios que quieras, con tus propias palabras (Trabajar con el asistente).
  3. Prueba cada cambio en la vista previa en vivo o en tu teléfono (Vista previa).
  4. Con Creator o superior, compílala para iOS y Android y envíala a las tiendas (Resumen de la publicación).

Licencia y soporte

Licencia

La app creada para ti es tuya; el código de la plantilla sigue siendo de InspireUI y tiene licencia para usarse en tus apps (Términos › Nuestra propiedad intelectual).

Ayuda

  • Guías sobre plantillas, el asistente y la publicación.
  • Contactar con soporte desde Ayuda; respondemos normalmente en 1–2 días laborables.
  • En tu copia, pregunta al asistente de IA sobre cualquier pantalla o archivo.

Hecho por FluxNative

Política de soporte

Preguntas

¿Es gratis?

Copiar una plantilla gratis no cuesta nada, ni créditos; una Premium es un pago único por sitio web. Los cambios por chat y las compilaciones usan créditos.

¿Qué es mío?

Eres dueño de la app creada para ti. El código de la plantilla sigue siendo de InspireUI y tiene licencia para usarlo en tus apps (Terms › Our intellectual property).

¿Necesito saber programar?

No. Pide cambios al asistente con tus palabras; el código completo está ahí cuando lo quieras.

¿Incluye backend?

No. Una app completa indica el backend que necesita y conectas el tuyo en Server; un diseño usa datos de ejemplo.

¿Puedo cambiar el diseño?

Sí. La pestaña Design cambia el color de marca, los colores, las fuentes y las esquinas sin gastar créditos; el asistente cambia el resto.

¿Qué plan necesito para publicar?

Creator o superior compila y sube a las tiendas, con tus propias cuentas de Apple y Google. La app de una plantilla Premium compila en cualquier plan cuando su sitio web está conectado.

¿Puedo descargar el código?

Sí, con Download source o Push to GitHub, cuando tu espacio de trabajo haya comprado un plan, créditos o una plantilla de pago. La app de una plantilla Premium también necesita su sitio web conectado.

¿Y si se hizo con una versión anterior de FluxNative?

Tu copia funciona tal cual. Pide al asistente que la actualice a funciones nuevas, como idiomas y monedas de la app; es el último paso de configuración.

¿Lista para convertirla en tu app?

Empieza desde Zonefall Arena Battle Game App y cambia lo que quieras por chat. Tu copia incluye el código fuente completo.

Copia gratis. Sin tarjeta de crédito.

Taking a little longer than usual…

Loading FluxNative