editor

كتيب

كيفية التنزيل

روابط

يعمل المحرر فقط مع متصفح Chrome أو الجهاز اللوحي أو الهاتف . ومع ذلك، فإن الألعاب المصدرة، التي تزيل المحرر أولاً، ليس لها أي قيود.

• يعيش
• تحميل
  • تحميل bacione.html
  • افتح مدير الملفات الخاص بك
  • انقر فوق bacione.html للتشغيل في متصفح Chrome
  • انقر فوق "تشغيل" للعب لعبة التزلج
• Games.pdf - برنامج تعليمي للتزلج ومارسلاندر
• يوتيوب - عرض المنتج
• رديت - مناقشات رديت
• جيثب - مناقشات جيثب

باسيوني؟

Bacione تعني "القبلة الكبيرة" كما في "اجعل الأمر بسيطًا بشكل مُرضٍ".

غاية

برمجة ألعاب جافا سكريبت صغيرة على الهاتف دون اتصال بالإنترنت

مهمة

قم بإنشاء بيئة تطوير متكاملة (IDE) الأكثر ملائمة للإبهام في فئتها

تصميم

تتمثل أهداف التصميم لهذا المحرر في توفير تجربة ممتعة لأولئك الذين ليس لديهم جهاز كمبيوتر أو يفضلون ببساطة هاتفًا أو جهازًا لوحيًا لبرمجة ألعاب JavaScript صغيرة. القيود الإضافية التي تم تناولها هي عدم الاتصال بالإنترنت وعدم وجود لوحة مفاتيح خارجية (الكتابة على الشاشة باستخدام الإبهام أو القلم). على الرغم من وجود العديد من برامج التحرير وتطبيقات لوحة المفاتيح التي تناسب حالة الاستخدام هذه، إلا أنها جميعها دون المستوى الأمثل. المشكلتان الرئيسيتان هما تقليل النقرات من أجل: 1) الوصول إلى الأحرف الخاصة و2) إعادة البناء. لحل المشكلة رقم 1، من الضروري دعم إمكانية المفاتيح الإضافية أو تثبيت تطبيق لوحة المفاتيح. لحل المشكلة رقم 2، من الضروري جعل إعادة البناء تتطلب نقرات أقل. بعد حل هاتين المسألتين، يتم أخذ جزء كبير من الشاشة، مما يترك مساحة صغيرة لمنطقة الكود. ولمعالجة هذه المشكلة، يشتمل المحرر على لوحة مفاتيح مدمجة وأدوات إعادة هيكلة فعالة.

سمات

• نقرات أقل مقارنة بمحرري الهاتف الآخرين.
• المفاتيح المشتركة هي نقرة واحدة.
• المنطق الواعي بالسياق يقلل من النقرات.
• عمل أقل لإعادة صياغة التعليمات البرمجية الخاصة بك.
• لوحة مفاتيح قابلة للبرمجة بالكامل.
• قم بإنشاء أيقونات ووظائف لوحة المفاتيح الخاصة بك.
• مصممة للهواتف وأقراص.
• لا يلزم الإعداد.
• ملف واحد.
• من السهل المشاركة.
• غير متصل.
• جافا سكريبت عادي بالفانيليا.
• لا التبعيات.
• مجاني (ترخيص GPL)
• لا إعلانات
• قم بالتشغيل من مدير ملفات Android في متصفح Chrome.
• من السهل تعديل المحرر.
• تحرير المحرر في المحرر.
• حجم المحرر 7 كيلو بايت فقط
• يدعم التمرير والتكرار لفترة طويلة.

القيود

• دعم الوضع الرأسي : يدعم هذا المحرر الوضع الرأسي فقط.
• التوافق : يعمل المحرر فقط مع متصفح Chrome على الجهاز اللوحي أو الهاتف. ومع ذلك، فإن الألعاب المصدرة، التي تزيل المحرر، ليس لها مثل هذه القيود.
• ملفات متعددة: المحرر غير مصمم للألعاب الكبيرة أو المشاريع متعددة الملفات. وذلك لأن فتح ملف HTML من مدير الملفات على نظام Android في متصفح Chrome لا يدعم ملفات متعددة — يجب تضمين كل شيء في ملف HTML واحد ومتجانس. وهذا يعني أيضًا أنه لا يمكن استخدام الصور الخارجية أو الملفات الصوتية. يمكن استخدام العناصر التي تم إنشاؤها برمجيًا بدلاً من ذلك؛ على سبيل المثال، تستخدم لعبة Marslander رسومات متجهة ومولد ضوضاء، وتستخدم العديد من الألعاب الأخرى الرموز التعبيرية.

إذا كان هذا المحرر لا يدعم احتياجاتك، فقد تفكر في تجربة Neovim مع Termux وApache. يمكنك العثور على التكوين الخاص بي لهذه الأدوات هنا.

مشاكل

• اختلال محاذاة المؤشر : قد يؤدي السحب لأعلى في نهاية الملف في نافذة المحرر إلى محاذاة المؤشر بشكل غير صحيح مع النص. الحل المقترح هو التراجع قليلاً عن النهاية.

ملحوظات

أي إشارة للتغيير أدناه تشير إلى وظيفة تحرير المحرر الموجودة في الزر متنوع، الذي يمثله الرمز الماسي.

• تحرير المحرر : يمكن تحرير المحرر داخل المحرر. ومع ذلك، فهو ليس مباشرًا، لذا يجب عليك النقر فوق "حفظ" وفتح ملف HTML ذو الطابع الزمني الذي تم إنشاؤه حديثًا. إذا تعطل الجديد، افتح القديم. هذه الميزة لدعم التغييرات البسيطة. يجب إجراء التغييرات المعقدة في بيئة أكثر قوة مثل Neovim.
• تشغيل : يقوم زر التشغيل بتشغيل أو إيقاف اللعبة التي تحتوي على المؤشر. للتبسيط، إطار اللعبة مربع ويتم عرضه فوق لوحة المفاتيح. وهذا يجعل من السهل التبديل بين التحرير والتشغيل ( نقرتين ذهابًا وإيابًا). إذا كان هذا يبدو مقيدًا، وتريد إطارًا أكبر للعبة، فيمكنك تغيير المحرر أو رمز تغيير حجم اللوحة في المكتبة أو حتى عدم استخدام المكتبة. كما يمكنك تصدير كل ما هو موجود في عرض المحرر باستخدام زر تصدير اللعبة. قد ترغب أيضًا في تغيير كيفية عمل وظيفة Exportgame(). الجانب السلبي لاستخدام التصدير هو أنه يتعين عليك بعد ذلك تشغيل ملف HTML هذا من مدير ملفات Android ( 7 نقرات ذهابًا وإيابًا ).
• حجم لوحة المفاتيح : حجم لوحة المفاتيح هو المساحة المتبقية بعد حساب إطار اللعبة المربع. وهذا يعني أن عرض لوحة المفاتيح على الهاتف يساوي عرض الشاشة تقريبًا وعلى الجهاز اللوحي حوالي نصف عرض الشاشة.
• موضع لوحة المفاتيح : على الجهاز اللوحي، توجد لوحة المفاتيح في الزاوية اليمنى السفلية. إذا كنت تستخدم إبهامك الأيسر للكتابة بدلاً من إبهامك الأيمن، فيمكنك تغييره .
• وظيفة لوحة المفاتيح المخصصة : يعد هذا المحرر مفيدًا بشكل خاص لأنه يتميز بلوحة مفاتيح مخصصة حيث يمكن الوصول إلى جميع الوظائف الرئيسية بنقرة واحدة. لدعم ذلك، يمكن الوصول إلى 22 حرفًا خاصًا من أصل 32، وهي مهمة للبرمجة، بنقرة واحدة، بينما يمكن الوصول إلى العشرة المتبقية عبر مفتاح Shift. لاحظ أن مفتاح المسافة صغير بشكل غير عادي، ويقع في الزاوية اليمنى السفلية. بالإضافة إلى ذلك، يوجد مفتاحا Backspace وreturn في الصف الثاني لأنهما ينسقان مع المفاتيح الأخرى في كثير من الأحيان. على سبيل المثال، لقص النص، اضغط على زر النسخ ثم مفتاح مسافة للخلف، ولإلغاء التحديد، اضغط على مفتاح العودة. إذا لم يعجبك هذا التصميم، يمكنك تغييره .
• الاختيار : الميزة الرئيسية لهذا المحرر هي الاختيار الفعال. يعتمد الاختيار على السياق؛ اعتمادًا على مكان وجود المؤشر، فإنه سيحدد كلمة أو سطرًا أو فقرة أو كتلة من التعليمات البرمجية. لمعرفة كيفية عمل التحديد، يمكنك مشاهدة فيديو YouTube. يتم إجراء التحديد باستخدام زر النسخ، مما يعني حدوث شيئين في وقت واحد. هذا بشكل أساسي لتقليل كمية الأزرار. يتم القص على خطوتين: انقر فوق نسخ (التحديد والنسخ) ثم انقر فوق مسافة للخلف (يحذف التحديد). يؤدي النقر فوق الزر Enter بعد النسخ إلى نقل المؤشر إلى نهاية التحديد. إذا كان القص (نسخ/مسافة للخلف) يحتوي على سطر، فسيتم تقدم المؤشر بمقدار سطر واحد. وذلك لأنه غالبًا ما يكون نية المستخدم عند قص سطر هو لصقه بعد السطر التالي. يساعد هذا في تقليل عدد النقرات عند إعادة بناء التعليمات البرمجية. يمكن أيضًا استخدام التحديد (نسخ) للتنقل، على سبيل المثال لتحريك المؤشر إلى نهاية الكتلة، ضع المؤشر قبل حرف الكتلة الافتتاحية، وانقر فوق نسخ، ثم انقر فوق إدخال. ومع ذلك، لا تفعل ذلك إذا كان لديك شيء تنوي استخدامه في مخزن اللصق المؤقت. سيؤدي النقر فوق نسخ عدة مرات إلى توسيع التحديد وفقًا لقواعد التحديد، وستعمل مفاتيح الأسهم على توسيع (أو إلغاء تمديد) التحديد حرفًا واحدًا في كل مرة.
• النسخ واللصق : يجب عليك استخدام أزرار النسخ واللصق الداخلية في المحرر لنسخ ولصق التعليمات البرمجية داخل المحرر. لنسخ التعليمات البرمجية من مصادر خارجية، استخدم تقنيات النسخ واللصق الخاصة بالنظام، مثل الضغط لفترة طويلة ثم اختيار النسخ واللصق.
• التنسيق : على الهاتف، تكون ملكية المحرر أعلى من قيمتها، ولا يمكنك توفير مساحة كبيرة من المساحة البيضاء، وخاصة المساحة البيضاء الأفقية. بالنسبة للمسافة البادئة، يمكنك استخدام مفتاح المسافة (لا يوجد مفتاح Tab)، وسيحتفظ مفتاح Enter بالمسافة البادئة السابقة. حاول استخدام المسافة البادئة للفروع والحلقات فقط، وبدلاً من وضع مسافة بادئة لنص الوظيفة، استخدم مسافة بيضاء رأسية قبل وبعد. انظر لعبة Marslander على سبيل المثال.
• زر التعليق : زر التعليق مفيد جدًا لتصحيح الأخطاء. عندما تضغط على زر التعليق، فإنه يعلق على الكود ويضع نسخة في مخزن اللصق المؤقت. والخطوة التالية هي لصق ذلك ثم تحريره. إذا لم تعجبك نتائج الكود الجديد، فمن السهل حذفها وإلغاء التعليق على النص الأصلي.
• التنقل : يتم التنقل بشكل أساسي عن طريق لمس الشاشة، لذلك لا توجد مفاتيح أسهم للصفحة الرئيسية أو النهاية أو مفاتيح الأسهم العمودية. وبدلاً من ذلك، يتم توفير سهم لليسار ولليمين للمساعدة في تحديد موضع المؤشر بدقة بعد لمس الموقع التقريبي. يمكن لمفتاح Zoom، الذي يزيد حجم النص، أن يساعد أيضًا في وضع المؤشر في المكان الصحيح.
• الحجم المقترح : نظرًا لأن التنقل بين التعليمات البرمجية على الهاتف قد يكون أمرًا صعبًا للغاية، فمن المستحسن إنشاء ألعاب صغيرة بما يكفي لتكون قابلة للتمرير بإيماءة واحدة.
• ملء الشاشة : سيمنحك تنشيط وضع ملء الشاشة مساحة أكبر للتنقل وتحرير التعليمات البرمجية الخاصة بك. يمكنك تبديل وضع ملء الشاشة عن طريق التمرير لأعلى على زر التكبير/التصغير.
• طرق العرض الختامية : لا توجد أزرار إغلاق. لإغلاق طريقة عرض، انقر في أي مكان أو حدد خيارًا. وجهات النظر هي: تعليمات، متنوعة، فرق وخطأ.
• إنشاء الرموز التعبيرية : عند فتح العرض المتنوع للمرة الأولى، سيستغرق الأمر بعض الوقت حتى يتم تحميل الرموز.
• المنتقون : يضع Color-Picker وIcon-Picker رمزًا في "لصق"، لذا لا تنزعج إذا بدا لك أن شيئًا لم يحدث. انقر فوق الزر "لصق" لرؤية الرمز.
• اكتشاف الأخطاء : لا يحتوي هذا المحرر على اكتشاف للأخطاء في الوقت الفعلي (أثناء الكتابة). يتم اكتشاف الأخطاء عند النقر فوق "تشغيل". سيتم عرض رسالة خطأ وعندما يتم استبعاد الخطأ (بالنقر فوق أي مكان في طريقة العرض هذه)، سيتم وضع المؤشر تلقائيًا في الكود الذي حدث فيه الخطأ. في بعض الأحيان، لا توضح رسالة الخطأ الأمر عندما تنسى قوسًا أو حرف كتلة آخر يتطلب زوجًا مطابقًا. للمساعدة في هذا الأمر، ستقوم عملية مساعدة بإحصاء جميع أحرف الكتلة بشكل ساذج للتأكد من وجود عدد زوجي وعرض رسالة إضافية في عرض الخطأ.
• دالة الاختلاف: وظيفة الاختلاف ساذجة ولن تنتج نتائج دقيقة. وهو مصمم لتوفير إشارة تقريبية فقط للتقدم منذ فتح الملف أو حفظه آخر مرة.
• آلية الحفظ: وظيفة الحفظ في المحرر محدودة بقيود HTML. كحل بديل، يتم إنشاء ملف ذو طابع زمني جديد في كل مرة تقوم فيها بالحفظ. إذا كنت تقوم بالحفظ في مجلد التنزيلات الخاص بك، فمن المهم أن تبقيه خاليًا من الملفات ذات الأغراض الأخرى، لأن ذلك قد يجعل من الصعب إعادة فتح عملك بسرعة. بالإضافة إلى ذلك، قم بحذف ملفات HTML للمحرر الأقدم بشكل دوري، مع الاحتفاظ بالإصدار الأحدث فقط.
• السمات : يقدم المحرر سمات فاتحة ومظلمة للحصول على تجربة مشاهدة قابلة للتخصيص. يمكنك التبديل بين السمات عن طريق التمرير لأعلى على الزر المتنوع. يمكنك أيضًا تغيير أو إضافة المزيد.