---
title: 'How to Create a Game Without Coding on Your Mobile and Publish It on App Stores'
source: 'https://youtube.com/watch?v=MjYcYGVhH3k'
video_id: 'MjYcYGVhH3k'
date: 2026-09-09
duration_sec: 495
---

# How to Create a Game Without Coding on Your Mobile and Publish It on App Stores

> Source: [How to Create a Game Without Coding on Your Mobile and Publish It on App Stores](https://youtube.com/watch?v=MjYcYGVhH3k)

## Summary

This video is a step-by-step guide for complete beginners without coding experience to design, develop, and publish a simple mobile game using free AI tools like ChatGPT and Leonardo AI. The entire process can be done from a mobile phone or low-end computer, culminating in publishing on Google Play or other platforms.

### Key Points

- **Introduction to Creating Your First Game Without Coding** [00:00] — The video promises to teach viewers how to design and publish a game without any coding experience, using only a smartphone or low-end computer and free tools. The focus is on simplicity and leveraging AI.
- **Importance of a Simple Game Idea** [00:39] — The creator emphasizes that a simple game idea is key to success for a first game, advising against copying complex games like PUBG or Free Fire. Examples include escape mazes, collecting coins under time limits, or Flappy Bird-style games.
- **Using ChatGPT to Generate Game Code** [01:18] — ChatGPT is used to generate the HTML, CSS, and JavaScript code for the game. The user asks ChatGPT for a simple game similar to Super Mario, using the free version of ChatGPT.
- **Testing the Game with CodePen** [01:57] — CodePen is used as the platform to test and run the game directly in the browser without downloading any software. Users paste the HTML, CSS, and JavaScript code into the respective sections.
- **Improving the Game Using AI Feedback** [02:21] — After the initial game is created, users return to ChatGPT with specific requests for improvements, such as adding movement in all directions, scoreboards, and visual effects on collision. Replacing old code with new code enhances the game.
- **Generating Professional Art Assets** [03:00] — Leonardo AI is used to generate professional-looking game art, including characters and backgrounds, without manual design. Users can create custom images and download them for use in the game.
- **Removing Backgrounds and Uploading Images** [03:43] — Tools like remove.bg are used to remove backgrounds from images, and mgr.com is used to upload and obtain direct URLs for these images to later embed them into the game code.
- **Embedding Images in Game Code** [04:15] — Users return to ChatGPT, replacing the default character and background placeholders in the code with their custom images. Improvements like clear result display, visual effects, and Arabic font support are added.
- **Setting Up Game Files Locally** [05:09] — The final code is organized into a project folder with three files: index.html, style.css, and script.js. The respective codes are copied into each file to prepare for packaging.
- **Converting Game to APK Using Website Tools** [05:49] — The game folder is compressed into a .zip file and uploaded to a website like tennis.io to convert it into a downloadable APK file for Android.
- **Installing and Publishing Your Game** [06:30] — The APK is installed on a phone by enabling unknown sources. For Google Play publishing, a $25 one-time fee is required for a developer account. For iOS, a $100 annual developer account is needed.
- **Alternative Free Publishing Platforms** [07:12] — If the user lacks a budget, games can be published for free on platforms like abkyourh.i, happy mode, or jingold. Sharing via social media and building an audience are also crucial for reach.
- **Building an Audience and Monetization** [07:37] — Encourages creating a YouTube channel, interacting with followers, and setting up donation links like Buy Me a Coffee. This step focuses on growing a public and monetizing beyond app store revenue.

## Transcript

هل عندك فكرة لعبة بسيطة وممتعة وتستغل حتى على أضعف هاتف أو كمبيوتر وتحلم تنشرها على جوجل بلاي وتربح منها بس المشكلة ما عندك خبرة في البرمجة
ولا همبيوتر قوي ولا حتى فلوت توظف مطور ولا يهمك في هذا الفيديو رح نعلمك خطوة بخطوة كيف تصمم لعبتك وتنشرها بالجراف وكل هذا من موبايلك أو كمبيوترك البعيس
وبدون ما تكلم ولا سطر كود والأقوى اللعبة راح تكون جاهزة للنشر على بيجي الفلي وتربح منها بالإعلامات يلا نبدأ أول شي لازم تفهم أن بساطة الفكرة هي سر نجاح اللعبة الأولى لك
يعني لا تحاول تقلد ألعاب معقدة مثل بيجي أو في فاير ركز على فكرة سهلة التنفيذ لكن ممتعة أمثلة بسيطة لألعاب ممكن تسويها شخصية تهرب من وحوش وتحاول توصل للنهاية
لعبة تجمع فيها نجوم أو نقاط في وقت محدود لعبة تقوم بحقوق عقبات متتالية مثل فلابي بيرد سباق بسيط تحاول فيه تكسر رقمك القياسي فكر في جملة واحدة تلخص فكرتك
مثل الشخصية تجمع النجوم وتتجنب الوحوش لتصل للنهاية نصيحة لا تضيع وقت كتير في الفكرة المهم تبدأ لان نجل السحر الحقيقي ما تحتاجه مبرمج ولا تحفظ اقواز
كل اللي تحتاجه هو تستخدم ذكاء صناعي مثل شارجي بيتي وكوليوم انا راح استخدم شارج جي بي تي في هذا الفيديو لانه الاسهل حتى المسخة المجانية تكفي افتح التطبيق او الموقع واطلب منه كالتالي
صمم لي لعبة شبيهة بسوبر ماريو باستخدام اتش تي ام ال و سي اس وجابا سكريبت راح يعطيك ثلاث اجزاء اتش تي ام ال شمع الهيكل العام للعبة سي اس اس شمع الالوان والتصميم
جابا سكريبت شمع حركة الشخصية والتفاعل انسخ كل جزء واحتفظ فيه راح نستخدمه بعد شوي طيب الآن خلينا نشوف كيف نجرب اللعبة فعليا بدون لأن نزل برامج ولا شي
code10 HTML DPT HTML GPT
انسخ كود ال CSS وحطه في المربع الثاني انسخ كود ال JavaScript وحطه في الثالث ومباشرة ده رح تشغل اللعبة قدامك على نفس الصفحة أوكي وصلت اللعبة شغالة
لكن غالبا بتكون بسيطة جدا مثلا الشخصية تتحرك بس يمين ويسار ما في مؤثرات التصميم عادي أو حتى ما في هدف واضح الحل ارجع لسات جي بي تي واطلب منه تحسينات محددة مثلا أضف حركة في جميع الاتجاهات
لوحة قبز نتيجة معثيرات عند السقوط كل مرة تاخذ الكود الجديد وتبدل القديم على مرعى كود بين وهكذا مع الوقت لعبتك تصير احترافية أكثر
أنت الآن خلصت من برمجة أساس اللعبة لكن شكلها لسه بسيط جدا ويمكن حتى ممل شوي عشان كذا في هذه الخطوة رح نستخدم الذكاء الاجتماعي علشان نخلي شكل اللعبة احترافي فعلا
وكأنها من تصميم شركة ألعاب كبيرة أولا توليد صور الشخصيات والخلفية باستخدام ليوناردو اي اي ندخل على موقع ليوناردو اي اي رابط الموقع موجود في صندوق الوصف أو في التعليق المثبت
نضغط على زر إنشاء صورة تلصق هذا الأمر في خانة التوليد هذا الأمر موجود أيضا في الوصف والتعليق المثبت نضغط على جر جينيريت ورح يطلع لنا مجموعة من الصور الاحترافية
نختار الصورة اللي تعجبنا ونضغط على جر داونلود لتحميلها توليد الخلفية بنفس الطريقة نرجع لنفس الصفحة ونغير الأمر إلى نضغط جينيريت ونختار الخلفية اللي نحبها ثم نضغط داونلود
الحين صار عندنا صورة شخصية احترافية خلفية جميلة كل هذا بدون ما نصمم يدويا ثانيا حذف الخلفية من الصورة لو احتجنا باستخدام موقع remove.bg
ندخل على موقع remove.bg الرابط موجود في الوصف upload image download download mgr
ندخل على موقع mgr.com الرابط طبعا في الوصف نضغط على زر new best أو upload نرفع صورة الشخصية أو الخلفية اللي عدلناها بعد ما ترفع راح يطلع لنا رابط مباشر للصورة
نضغط على copy link أو نسخ الرابط نحتفظ بهذا الرابط لأنه راح نستخدمه في الكود علشان نعرض الصور داخل اللعبة الخطوة السابعة دمج الصور في اللعبة ارجع إلى chat.gpt وقل له استبدل صورة الشخصية في الكود بهذه الصورة
ضع رابط صورة الشخصية التي نسختها استبدل صورة الخلفية بهذه الصورة ضع رابط صورة الخلفية التي نسختها أضف التحسينات التالية عرض النتيجة داخل اللعبة بشكل واضح
مؤثرات بصرية جذابة تزيد من تفاعل اللعبة مثل تأثير عند الاصطدام أو عند جمع النقاب تحسين الخطوط لتصبح أنيقة وواضحة ومناسبة للغة العربية
انسخ الكود الجديد وارجع إلى كود بين واستمتع بلعب احترافيا الخطوط الثامنة حفظ لعبتك على جهازك أولا انسق مجلدا جديدا وسمه لعبتي ثانيا داخل هذا المجلد انشئ ثلاثة ملفات
الملف الأول index.html الملف الثاني style.css الملف الثالث script.javascript ثالثا انسخ الأكواد التي كتبتها
انسخ كود HTML إلى ملف Index انسخ كود CSS إلى ملف Style انسخ كود JavaScript إلى ملف Script الخطوة التاسعة تحويل لعبتك إلى ملف مضغوط أولا
اضغط مجلد اللعبة إلى ملف بصيغة zip ثانيا افتح موقع tennis.io ثالثا سجل دخولك بحساب جوجل الخاص بك رابعا ارفع ملف ال ZIP الذي انشأته
خامسا انسخ الرابط الذي سيظهر لك IPK IPK
رابعا ادخل بريدك الإلكتروني خامسا اضغط على متابعة ثم اضغط على تحميل الخطوة الحادية عشرة تحميل اللعبة وتثبيتها على هاتفك أولا قم بتحميل ملف IPK
ثانيا من إعدادات هاتفك فعل خيار التثبيت من مصادر غير معروفة ثالثا افتح ملف اللعبة وقم بتثبيتها الخطوة الثانية عشران نشر لعبتك وللحلمان اذا كنت تريد رفعها على متجر جوجل بلاي
اولا افتح حسابا في جوجل بلاي كونسول رسوم الاشتراك 25$ تدفع مرة واحدة فقط ثانيا ارفع ملف IDK ثالثا اضف اسم اللعبة وصور وشرحات
رابعا اكتب وصفا مختصرا وجذابا للعبة إذا كنت تريد رفعها على مجرى آيفون ستحتاج إلى حساب مطور في أبل رسوم الاشتراك 100 دولار يجب أن يجتاز تصديقك فحص الجودة
الخطوة الثالثة عشر نشر لعبتك مجانا إذا لم يكن لديك ميزانية يمكنك رفع لعبتك على منصات مجانية مثل abkyourh.i أو happy mode jingold
الخطوة الرابعة عشر شارك لعبتك على وسائل التواصل انشئ فيديو بسيطا يشرح طريقة اللعب ثم شارك رابط اللعبة على تيليجرام واتساب وفيسبوك ولا تنسى استخدام هاشتاجات مناسبة
الخطوة الخامسة عشر بناء جمهور خاص بك اضغط زر دعم في موقعك مثل باي مياكوفي انشئ قناة على يوتيوب وشارك ألعابك وتقدمك مع متابعينك
كن دائما نشيطا وتفاعل مع جمهورك وفي الختام كان معكم ربا من قناة عالم التكنولوجيا مع ربا إذا أعجبك الشرح لا تنسى الإعجاب بالفيديو والاشتراك في القناة وتفعيل زر الجرس
اكتب لنا تعليقا تحفيزيا وشارك الفيديو مع اصدقائك المهتمين بالبرمجة وتذكر المستقبل يبدأ بخطوة سلام