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 ist eine 2D-Rigid-Body-Physik-Engine für JavaScript und HTML5, basierend auf Box2D. Sie bietet ein Framework zur Simulation physikalischer Interaktionen und zur Berechnung der Bewegung fester Körper innerhalb einer zweidimensionalen virtuellen Umgebung. Die Engine ist für plattformübergreifendes Web-Gaming konzipiert und ermöglicht die Implementierung von Rigid-Body-Dynamik über verschiedene Webbrowser und Geräte hinweg. Die Bibliothek verwaltet die Simulation durch einen Constraint-basierten Physik-Solver und Rigid-Body-State-Management. Sie nutzt iterative Impulsauflösung, semi-implizite Euler-Integration und dynamische AABB-Baum-Partitionierung für Kollisionserkennung und Objektbewegung.

OpenSC2K is an open-source JavaScript city builder engine designed as a recreation of SimCity 2000. It functions as a web-based simulation that uses the Phaser 3 framework to implement game loops and entity management. The project utilizes WebGL and Canvas rendering to visualize large-scale urban environments. It includes a coordinate-based camera system that enables panning and zooming across the reconstructed game world. The engine incorporates a data pipeline to parse legacy city files and graphics assets, allowing it to reconstruct and display urban layouts within a modern web browser.

Turbulenz Engine ist eine plattformübergreifende Game-Engine und ein HTML5-Framework, das für das Rendern von Grafiken und die Simulation von Physik in Desktop-, Mobil- und Webumgebungen konzipiert ist. Sie fungiert als WebGL-Grafik-Engine und webbasierte Physik-Engine und bietet die notwendigen Werkzeuge, um 2D- und 3D-Spiele zu erstellen, die in Browsern laufen. Das Projekt enthält ein Echtzeit-Multiplayer-Framework, das Spielzustände und Spielerinteraktionen zwischen mehreren Benutzern über serverseitige Kommunikation synchronisiert. Dies ermöglicht die Koordination sowohl von Echtzeit- als auch von asynchronen rundenbasierten Aktionen, um einen konsistenten gemeinsamen Zustand aufrechtzuerhalten. Die Engine deckt ein breites Spektrum an Funktionen ab, einschließlich shader-basiertem Grafik-Rendering, Kollisionssimulation und der Verarbeitung von Benutzereingaben von Tastaturen, Mäusen, Touchscreens und Gamepads. Sie verwaltet zudem Multimedia-Assets durch asynchrones Laden von 3D-Modellen, Texturen und Audio-Video-Wiedergabe. Das Framework ist in modulare Komponenten unterteilt, um die Integration verschiedener Spielsysteme und die Verteilung von Inhalten über verschiedene Gerätetypen hinweg zu erleichtern.

Mario-Kart-3.js ist eine browserbasierte 3D-Rennsimulation, die in JavaScript implementiert ist. Sie nutzt eine WebGL-Game-Engine, um dreidimensionale Rennstrecken und Fahrzeugmodelle direkt im Webbrowser unter Verwendung der Grafikhardware zu rendern. Die Simulation bietet ein physikbasiertes Drifting- und Manöversystem, um Geschwindigkeitsvorteile zu erzielen, sowie ein Item-System für Wettbewerbsvorteile während der Rennen. Das Projekt umfasst ein Fahrzeugsteuerungssystem, das Tastatur- und Maus-Eingaben auf Lenkung und Beschleunigung abbildet, sowie eine Simulations-Engine, die Kollisionserkennung und skriptbasierte Item-Logik verwaltet.

Dieses Projekt ist ein selbstgehosteter Telegram Bot API-Server, der als REST-Gateway fungiert, um Bots unabhängig von der offiziellen Cloud-Infrastruktur zu verwalten. Er dient als Middleware für Messaging-Plattformen und nutzt eine Übersetzungsschicht, um High-Level REST-API-Aufrufe über einen TDLib-basierten Kern in Low-Level-Funktionen umzuwandeln. Der Server ermöglicht lokales Hosting, wodurch Cloud-Beschränkungen bei Dateigrößen für Uploads und Downloads entfallen und beliebige lokale IP-Adressen sowie Ports für Webhooks genutzt werden können. Er bietet eine lokale Dateispeicherung für große Dateien und unterstützt sitzungsbasierte Zustandspersistenz, um die Migration von Bot-Instanzen zwischen Serverumgebungen zu erleichtern. Das System deckt ein breites Spektrum an Bot-Funktionen ab, darunter den Versand von Rich Media, interaktiven Umfragen und HTML5-Spielen sowie das Hosting von Mini-Apps. Es enthält Tools für die Automatisierung von Business-Accounts, die Organisation von Forenthemen und Monetarisierungsfunktionen wie Zahlungsabwicklung und Abo-Management. Zudem sind administrative Hilfsprogramme für die Verwaltung von Chat-Mitgliedern, Nutzerverifizierung und die Koordination von Massennachrichten enthalten. Der Quellcode des Servers kann für verschiedene Betriebssysteme zu einer Binärdatei kompiliert werden, um ein lokales Deployment zu ermöglichen.

LittleJS is a lightweight HTML5 2D game engine designed for building web games using Canvas and WebGL without external dependencies. It integrates a WebGL sprite renderer, a 2D physics engine for arcade-style collisions and rigid-body dynamics, and a grid-based A* pathfinding system for entity navigation. The engine is distinguished by its procedural audio synthesizer, which generates music and sound effects at runtime using parameter arrays to minimize file sizes. It also features a comprehensive graphics pipeline that supports custom fragment-shader post-processing and a dynamic 2D lighting

Dieses Projekt ist eine Mehrzweck-Webplattform, die als Canvas-2D-Game-Engine, Frontend-Engineering-Blog und Markdown-Static-Site-Generator dient. Sie fungiert als Web-Grafik-Showcase und technische Wissensdatenbank zum Teilen architektonischer Entscheidungen und Performance-Optimierungen. Die Plattform implementiert ein hochperformantes Grafik-Framework unter Verwendung von Low-Level-Drawing-APIs und integriert Skelett-Animation sowie Web-Physik für Kollisionserkennung und realistische Bewegung zweidimensionaler Objekte. Sie fungiert gleichzeitig als System zur Konvertierung von Markdown-Quelldateien in vorgerenderte HTML-Seiten für technische Dokumentation. Das Projekt deckt Fähigkeiten in der interaktiven Web-Game-Entwicklung, 2D-Physik-Implementierung und dem Teilen von Engineering-Wissen durch strukturierte Fallstudien und kategorisierte Blog-Posts ab.

Dieses Projekt ist eine browserbasierte Arcade-Game-Engine, die in JavaScript implementiert ist. Sie bietet ein grundlegendes Framework für die Entwicklung gitterbasierter Labyrinth-Spiele, nutzt HTML5-Canvas für Immediate-Mode-Rendering und strukturierte Datenobjekte zur Definition von Level-Layouts und Item-Platzierungen. Die Engine verwaltet grundlegende interaktive Mechaniken, einschließlich Spielernavigation, Kollisionserkennung und Echtzeit-Pfadfindung für computergesteuerte Entitäten. Sie integriert eine Zustandsautomaten-Spielschleife, um Übergänge zwischen aktivem Gameplay, Pausenzuständen und Level-Fortschritt zu handhaben, während sie Punkte und Item-Sammlungen verfolgt, um den Schwierigkeitsgrad anzupassen. Die Implementierung dient als Referenz für die browserbasierte Spieleentwicklung und demonstriert, wie Standard-Webtechnologien integriert werden können, um interaktive Umgebungen zu erstellen. Sie deckt wesentliche Spiellogik wie Koordinatenabbildung, Grenzwerteinschränkungen und autonome Charakterbewegung ab.

Tower Game ist eine browserbasierte JavaScript-Engine, die für den Aufbau physikbasierter Stacking-Simulationen konzipiert wurde. Sie bietet ein Framework für die Entwicklung interaktiver Arcade-Herausforderungen, bei denen Spieler Blöcke ausrichten, um Strukturen zu bauen, mit Kernsystemen, die Kollisionslogik, Gesundheitsverfolgung und präzisionsbasiertes Scoring verwalten. Die Engine zeichnet sich durch eine modulare Architektur aus, die eine tiefe Anpassung der Spielmechanik ermöglicht. Entwickler können benutzerdefinierte Funktionen injizieren, um Standard-Bewegungsgeschwindigkeiten, Oszillationswinkel und Scoring-Trigger zur Laufzeit zu überschreiben. Zusätzlich unterstützt das System ein entkoppeltes Asset-Management, das den Austausch von Standard-Medieninhalten ermöglicht, ohne dass Änderungen am zugrunde liegenden Quellcode erforderlich sind. Die Plattform nutzt einen Immediate-Mode-Rendering-Ansatz auf dem HTML5-Canvas, synchronisiert mit der Bildwiederholrate, um ein konsistentes Simulationstiming beizubehalten. Sie bietet eine umfassende Umgebung für das Prototyping von Spielregeln und mechanischen Simulationen, die direkt in einem Webbrowser zugänglich ist, ohne dass externe Plugins erforderlich sind.