Awesome GitHub RepositoriesHTML5 JavaScript Games

This is a browser-based puzzle game and HTML5 JavaScript application where players slide and merge numbered tiles on a grid to reach a target value. The game runs entirely on the client side, using web standard technologies to handle game logic and rendering directly in the browser. The application is a mobile-compatible web app that translates touch-swipe gestures and keyboard inputs into directional commands. It includes a local storage score tracker to save and maintain a record of high scores across different sessions.

melonJS is a lightweight HTML5 game engine for building 2D games in the browser using JavaScript. It provides a complete framework for sprite animation, tilemap loading, physics simulation, input handling, and audio playback, with a unified rendering system that automatically switches between WebGL and Canvas2D backends without code changes. The engine distinguishes itself through several integrated capabilities. It features a per-sprite shader pipeline for custom fragment shader effects, a SAT-based collision engine with swappable physics adapters (including built-in SAT, Matter.js, and Plan

Hilo is an HTML5 game engine for building 2D games that run across browsers and devices. It renders graphics through Canvas, DOM, or WebGL backends, automatically selecting the best option for the target environment. The engine provides a complete game development solution with sprite, skeletal, and particle animation, along with a texture atlas system for efficient image loading and rendering. The framework distinguishes itself through its integration of the DragonBones skeletal animation engine, which drives bone-based character movement without frame-by-frame sprites, and its Chipmunk phys

🏁 Web based Windows XP desktop recreation.

TelegramSwift is a native macOS client for the Telegram messaging platform, built entirely in Swift. It provides a complete implementation of the Telegram protocol, enabling users to send text messages, make voice calls, share media files, and participate in group chats and channels directly from their Mac. The application supports core messaging features including end-to-end encryption, emoji reactions, message pinning, and threaded comments, along with content types like stickers, GIFs, polls, and stories. The client extends beyond basic messaging with capabilities for bot interaction, paym

planck.js هو محرك فيزياء الأجسام الصلبة ثنائي الأبعاد لـ JavaScript وHTML5، يعتمد على Box2D. يوفر إطار عمل لمحاكاة التفاعلات الفيزيائية وحساب حركة الأجسام الصلبة داخل بيئة افتراضية ثنائية الأبعاد. تم تصميم المحرك لألعاب الويب عبر المنصات، مما يتيح تنفيذ ديناميكيات الأجسام الصلبة عبر متصفحات وأجهزة ويب مختلفة. تدير المكتبة المحاكاة من خلال حل فيزيائي قائم على القيود وإدارة حالة الأجسام الصلبة. وتستخدم حل النبضات التكراري، وتكامل Euler شبه الضمني، وتقسيم شجرة AABB الديناميكي للتعامل مع اكتشاف التصادم وحركة الأجسام.

OpenSC2K هو محرك بناء مدن JavaScript مفتوح المصدر مصمم كإعادة إنشاء لـ SimCity 2000. يعمل كمحاكاة تعتمد على الويب تستخدم إطار عمل Phaser 3 لتنفيذ حلقات اللعبة وإدارة الكيانات. يستخدم المشروع عرض WebGL و Canvas لتصور البيئات الحضرية واسعة النطاق. يتضمن نظام كاميرا يعتمد على الإحداثيات يتيح التحريك والتكبير عبر عالم اللعبة المعاد بناؤه. يدمج المحرك خط أنابيب بيانات لتحليل ملفات المدن القديمة وأصول الرسومات، مما يسمح له بإعادة بناء وعرض التخطيطات الحضرية داخل متصفح ويب حديث.

Turbulenz Engine هو محرك ألعاب عبر الأنظمة الأساسية وإطار عمل HTML5 مصمم لعرض الرسومات ومحاكاة الفيزياء عبر بيئات سطح المكتب والهاتف المحمول والويب. يعمل كمحرك رسومات WebGL ومحرك فيزياء قائم على الويب، مما يوفر الأدوات اللازمة لبناء ألعاب ثنائية وثلاثية الأبعاد تعمل داخل المتصفحات. يتضمن المشروع إطار عمل متعدد اللاعبين في الوقت الفعلي يقوم بمزامنة حالات اللعبة وتفاعلات اللاعبين بين مستخدمين متعددين عبر الاتصال من جانب الخادم. وهذا يسمح بتنسيق الإجراءات في الوقت الفعلي والإجراءات القائمة على الأدوار غير المتزامنة للحفاظ على حالة مشتركة متسقة. يغطي المحرك مجموعة واسعة من الإمكانيات، بما في ذلك عرض الرسومات القائم على التظليل (shader)، ومحاكاة التصادم، ومعالجة مدخلات المستخدم من لوحات المفاتيح والفئران وشاشات اللمس وأجهزة التحكم في الألعاب. كما يدير أصول الوسائط المتعددة من خلال التحميل غير المتزامن للنماذج ثلاثية الأبعاد والقوام وتشغيل الصوت والفيديو. يتم تنظيم إطار العمل في مكونات معيارية لتسهيل تكامل أنظمة الألعاب المختلفة وتوزيع المحتوى عبر أنواع الأجهزة المختلفة.

Mario-Kart-3.js هي محاكاة لسباق ثلاثي الأبعاد تعمل في المتصفح ومبنية باستخدام JavaScript. تستخدم محرك ألعاب WebGL لعرض مسارات السباق ونماذج المركبات ثلاثية الأبعاد مباشرة داخل متصفح الويب باستخدام عتاد الرسوميات. تتميز المحاكاة بنظام فيزيائي للانجراف (drifting) والمناورة لاكتساب سرعة إضافية، ونظام عناصر القوة (power items) لنشر مزايا تنافسية أثناء السباقات. يشمل المشروع نظام تحكم في المركبة يربط مدخلات لوحة المفاتيح والفأرة بالتوجيه والتسارع، إلى جانب محرك محاكاة يدير اكتشاف التصادم ومنطق العناصر المبرمج.

هذا المشروع عبارة عن خادم API لـ Telegram Bot مستضاف ذاتياً، ينفذ بوابة REST لإدارة البوتات بشكل مستقل عن البنية التحتية الرسمية. يعمل المشروع كوسيط لمنصة المراسلة، حيث يستخدم طبقة ترجمة لتحويل استدعاءات REST API عالية المستوى إلى وظائف منخفضة المستوى عبر نواة تعتمد على TDLib. يسمح الخادم بالاستضافة المحلية، مما يتيح تجاوز قيود حجم الملفات في السحابة للرفع والتحميل، واستخدام عناوين IP ومنافذ محلية عشوائية لتسليم الـ Webhooks. كما يوفر آلية تخزين محلية للملفات الكبيرة ويدعم استمرارية الحالة بناءً على الجلسات لتسهيل نقل مثيلات البوت بين بيئات الخوادم. يغطي النظام مجموعة واسعة من قدرات البوتات، بما في ذلك إرسال الوسائط الغنية، واستطلاعات الرأي التفاعلية، وألعاب HTML5، بالإضافة إلى استضافة التطبيقات المصغرة. يتضمن أدوات لأتمتة حسابات الأعمال، وتنظيم مواضيع المنتديات، وميزات تحقيق الدخل مثل معالجة المدفوعات وإدارة الاشتراكات. كما يوفر أدوات إدارية للتحكم في أعضاء الدردشة، والتحقق من المستخدمين، وتنسيق البث الجماعي. يمكن تجميع الكود المصدري للخادم في ملف ثنائي (binary) لأنظمة تشغيل مختلفة لتمكين النشر المحلي.

LittleJS هو محرك ألعاب HTML5 ثنائي الأبعاد خفيف الوزن مصمم لبناء ألعاب الويب باستخدام Canvas وWebGL بدون تبعيات خارجية. يدمج عارض صور (sprite) WebGL، ومحرك فيزياء ثنائي الأبعاد للتصادمات بأسلوب الأركيد وديناميكيات الأجسام الصلبة، ونظام بحث عن المسار A* قائم على الشبكة لتنقل الكيانات. يتميز المحرك بمصنعه الصوتي الإجرائي، الذي يولد الموسيقى والمؤثرات الصوتية في وقت التشغيل باستخدام مصفوفات المعلمات لتقليل أحجام الملفات. كما يتميز بخط أنابيب رسومات شامل يدعم معالجة ما بعد التظليل (fragment-shader) المخصصة ونظام إضاءة ثنائي الأبعاد ديناميكي. يغطي إطار العمل مجموعة واسعة من إمكانيات التطوير، بما في ذلك توليد تأثيرات الجسيمات، ورسوم الصور المتحركة القائمة على الإطارات، وعرض خرائط البلاط (tilemap) مع التخزين المؤقت خارج الشاشة. ويوفر إدارة موحدة للمدخلات لإشارات لوحة المفاتيح والماوس ولوحة الألعاب، إلى جانب أدوات لاستمرار حالة اللعبة وتتبع الإنجازات عبر التخزين المحلي. يتضمن المشروع أدوات لتحميل بيانات المستوى من ملفات بتنسيق JSON وتوفير تراكبات تصحيح الأخطاء المرئية لمراقبة حالة المحرك الداخلية.

This project is a multi-purpose web platform serving as a canvas 2D game engine, a frontend engineering blog, and a markdown static site generator. It functions as a web graphics showcase and a technical knowledge base for sharing architectural decisions and performance optimizations. The platform implements a high-performance graphics framework using low-level drawing APIs, integrating skeletal animation and web physics for collision detection and realistic motion of two-dimensional objects. It simultaneously operates as a system for converting markdown source files into pre-rendered HTML pa

هذا المشروع هو محرك ألعاب أركيد قائم على المتصفح تم تنفيذه بلغة JavaScript. يوفر إطار عمل أساسي لتطوير ألعاب المتاهة القائمة على الشبكة، باستخدام HTML5 canvas للرسم الفوري وكائنات البيانات المهيكلة لتحديد تخطيطات المستويات ومواضع العناصر. يدير المحرك آليات تفاعلية أساسية، بما في ذلك تنقل اللاعب، واكتشاف التصادم، والبحث عن المسار في الوقت الفعلي للكيانات التي يتحكم فيها الكمبيوتر. يدمج حلقة لعبة قائمة على آلة الحالة للتعامل مع الانتقالات بين اللعب النشط، والحالات المؤقتة، وتقدم المستوى، مع تتبع النتائج وجمع العناصر لضبط الصعوبة. يعمل التنفيذ كمرجع لتطوير الألعاب القائمة على المتصفح، موضحاً كيفية دمج تقنيات الويب القياسية لبناء بيئات تفاعلية. يغطي منطق اللعبة الأساسي مثل تعيين الإحداثيات، وقيود الحدود، وحركة الشخصيات المستقلة.

Tower Game هو محرك JavaScript قائم على المتصفح مصمم لبناء محاكيات التكديس القائمة على الفيزياء. يوفر إطار عمل لتطوير تحديات تفاعلية بأسلوب الأركيد حيث يقوم اللاعبون بمحاذاة الكتل لبناء هياكل، مع أنظمة أساسية تدير منطق التصادم، وتتبع الصحة، والتسجيل القائم على الدقة. يتميز المحرك ببنية نمطية تسمح بتخصيص عميق لآليات اللعب. يمكن للمطورين حقن وظائف مخصصة لتجاوز سرعات الحركة الافتراضية، وزوايا التذبذب، ومشغلات التسجيل في وقت التشغيل. بالإضافة إلى ذلك، يدعم النظام إدارة الأصول المنفصلة، مما يتيح استبدال الوسائط المرئية والسمعية الافتراضية دون الحاجة إلى تعديلات على الكود المصدري الأساسي. تستخدم المنصة نهج عرض فوري على HTML5 canvas، متزامناً مع معدل تحديث الشاشة للحفاظ على توقيت محاكاة متسق. يوفر بيئة شاملة لإنشاء نماذج أولية لقواعد اللعبة ومحاكيات ميكانيكية، يمكن الوصول إليها مباشرة داخل متصفح الويب دون الحاجة إلى ملحقات خارجية.