الانتقال إلى المحتوى

قالب الألعاب

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
  • بيانات تجريبية
  • حُدّث في 29 أكتوبر 2026
  • إصدار موثّق
  • نسخة واحدة

نسخ مجاني · الشيفرة كاملة · دون بطاقة ائتمان

الشاشات

6 شاشات من التطبيق الفعلي.

ما الذي يتضمنه

  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

عن هذا القالب

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

ما تحصل عليه

  • الشيفرة كاملة — Expo وReact Native بلغة TypeScript، كتطبيق في مساحة عملك.
  • معاينة مباشرة — جرّب كل تغيير في المتصفح أو على هاتفك.
  • إصدار موثّق — يُبنى وتُفتح كل شاشة دون أخطاء.
  • مساعد الذكاء الاصطناعي — غيّر أي شيء بالمحادثة؛ كل تغيير يستهلك رصيدًا.
  • عمليات البناء والرفع إلى المتاجر — بناء iOS وAndroid، يُرسل إلى App Store وGoogle Play من Publish.
  • النسخ لا يستهلك رصيدًا — النسخ نفسه بلا تكلفة.

صُنع بإصدار أقدم من FluxNative. تعمل نسختك كما هي؛ اطلب من الوكيل تحديثها عندما تريد لغات التطبيق وعملاته وروابط «حول».

ما تحتاج إليه

  • حساب FluxNative — تتسع خطة Free لتطبيقين.
  • لا خادم خلفي للبدء — يعمل ببيانات تجريبية إلى أن تصل خادمك.
  • Creator أو أعلى — لعمليات البناء الأصلية والرفع إلى المتاجر.
  • حسابات المتاجر — Apple Developer Program (99 دولارًا أمريكيًا سنويًا) وGoogle Play (25 دولارًا أمريكيًا مرة واحدة)، للنشر.

ما الذي تتضمنه الشيفرة

شاشات
10
ملفات في نسختك
327
أسطر كُتبت لهذا التطبيق
9,262
مكوّنات واجهة جاهزة
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
  • أزرار كبسولية
  • بطاقات بارزة

الإعداد بعد النسخ

تُفتح نسختك مع مساعد الذكاء الاصطناعي الذي بناها. نفّذ الخطوات بالترتيب: صِل ضمن Server ما تطلبه الخطوة، ثم أرسل كل موجّه.

  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.

    طلب للذكاء الاصطناعي

    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.

    طلب للذكاء الاصطناعي

    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.

    طلب للذكاء الاصطناعي

    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.

    طلب للذكاء الاصطناعي

    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.

كيفية استخدام هذا القالب

  1. استخدم القالب لتحصل على نسخة قابلة للتعديل، مع شيفرتها المصدرية، في مساحة عملك (القوالب).
  2. اطلب من مساعد الذكاء الاصطناعي التغييرات التي تريدها بكلمات بسيطة (العمل مع المساعد).
  3. جرّب كل تغيير في المعاينة المباشرة أو على هاتفك (المعاينة).
  4. مع خطة Creator أو أعلى، أنشئ إصدار iOS وAndroid وأرسله إلى المتاجر (نظرة عامة على النشر).

الترخيص والدعم

الترخيص

التطبيق الذي أُنشئ لك ملكك؛ وتبقى شيفرة القالب ملكًا لـ InspireUI ومرخّصة للاستخدام في تطبيقاتك (الشروط › ملكيتنا الفكرية).

المساعدة

  • أدلة عن القوالب والمساعد والنشر.
  • التواصل مع الدعم من المساعدة؛ نردّ عادةً خلال 1–2 يوم عمل.
  • في نسختك، اسأل مساعد الذكاء الاصطناعي عن أي شاشة أو ملف.

من صنع FluxNative

سياسة الدعم

أسئلة

هل هو مجاني؟

نسخ قالب مجاني لا يكلّف شيئًا، ولا حتى رصيدًا؛ والقالب Premium شراء لمرة واحدة لكل موقع. تغييرات المحادثة وعمليات البناء تستهلك رصيدًا.

ماذا أملك؟

أنت تملك التطبيق المصنوع لك. تبقى شيفرة القالب ملكًا لـInspireUI ومرخّصة للاستخدام في تطبيقاتك (Terms › Our intellectual property).

هل أحتاج إلى معرفة البرمجة؟

لا. اطلب التغييرات من المساعد بكلماتك؛ والشيفرة الكاملة متاحة متى شئت.

هل يأتي مع خادم خلفي؟

لا. يسمّي التطبيق الكامل الخادم الخلفي الذي يحتاجه وتصل خادمك ضمن Server؛ أما التصميم فيعمل ببيانات تجريبية.

هل أستطيع تغيير التصميم؟

نعم. يضبط تبويب Design لون العلامة والألوان والخطوط والزوايا دون رصيد؛ ويغيّر المساعد الباقي.

أي خطة أحتاج إليها للنشر؟

تبني خطة Creator أو أعلى وترفع إلى المتاجر بحساباتك في Apple وGoogle. يُبنى تطبيق القالب Premium على أي خطة بعد ربط موقعه.

هل أستطيع تنزيل الشيفرة؟

نعم، عبر Download source أو Push to GitHub، بعد أن تشتري مساحة عملك خطة أو رصيدًا أو قالبًا مدفوعًا. يحتاج تطبيق القالب Premium أيضًا إلى ربط موقعه.

ماذا لو صُنع بإصدار أقدم من FluxNative؟

تعمل نسختك كما هي. اطلب من المساعد تحديثها بميزات أحدث، مثل لغات التطبيق وعملاته؛ وهي آخر خطوة إعداد.

هل أنت مستعد لتجعله تطبيقك؟

ابدأ من Zonefall Arena Battle Game App وغيّر أي شيء عبر الدردشة. تتضمن نسختك الشيفرة المصدرية كاملة.

نسخ مجاني. لا حاجة إلى بطاقة ائتمان.

Taking a little longer than usual…

Loading FluxNative