Awesome JavaScript Games

A curated list of awesome JavaScript Games (Open Source), assets and resources.

Credits to https://codepen.io/boldfacedesign/pen/EoGgD

Winners

• js13kGames 2019 - Highlights from the js13kGames 2019 competition.
• js13kGames 2018 - 13 Games in ≤ 13kB of JavaScript.
• js13kGames 2017 - Build a game in 13kB or less with js13kGames.

Adventure

• Triangle: Back To Home - You are lost in the cave. Try to get out and back to home. Sometimes it can be easy, sometimes not… but don’t give up and you will do it.
• Dwarfs: There and Back Again - A tale of high adventure, undertaken by a company of dwarfs, in search of dragon-guarded gold, true friendship, and varieties of ale (not necessarily in that order).
• Bounce Back - Boomerang adventure game for JS13k!
• Wander - Explore a desolate wilderness with your grappling hook.
• Offline Paradise - The world, a paradise, has gone offline; everything has become grey and dangerous. Traverse, jump and dash over the obstacles to turn the world back into normal.
• Planetfall - A space exploration game. The goal is to find satellite stations on each planet and take them offline.
• Quest of Tod - A speed running adventure game, where you stuck inside unknown place controlled by strange machine. Can you find all the keys and codes to unlock the exit before the time runs out?.

Arcade

• Racer - Start from the back of the pack, finish 1st to go to the next race!
• Everyone's Sky - Make allies by completing missions, study other planets, stars, defend yourself against planetary defenses and pirate groups, or makes enemies by attacking them, ignoring their communications and destroying their facilities.
• Evil glitch - Strange glitches appear in your dimension, could you stop them to assimilate your world?
• Off The Line - Jump off the line and try not to die or throw your keyboard across the room in this twitchy arcade tapper.
• Behind Asteroids, The Dark Side - A game about throwing asteroids to people playing "Asteroids" on an arcade machine.
• Pest Control: Weasels - Lemmings were meant to be saved, weasels should instead be disposed of. (consider this as your revenge on small pesky critters!).
• Pizza Undelivery - Here you bring pizzas back to the pizzeria, instead of the other way around.

Platform

• nano-wirebot - A simple platformer where you play as a nanobot that needs to fix some wires.
• The Wandering Wraith - A lost wraith is wandering through the world seeking for peace. Will you guide him back to his grave so he can finally rest?
• ONOFF - Navigate through 25 brain-teasing levels in this fast-paced, hand-crafted platformer. You'll dodge spikes, jump over pits, and toggle between dimensions.
• The Matr13k - After saving Morpheus, Neo needs to find an exit from this JavaScript version of the matrix.
• Glitch Buster - Can you fix all 13 glitches before time runs out? Avoid the dangerous pointers, or kill them by jumping on their heads!
• Vier - You have the power to control the 4 elements with the VIER stone, It's time to destroy all the wizards and become the ruler of the universe.
• Way Out - The door is locked. You'll have to explore a dangerous dungeon full of traps and monsters and find 4 lost gems to open the door and get your WAY OUT!

Puzzle

• Play Back - Oh no, you've been kicked out of the castle! Solve puzzles and make your way back to your rightful home.
• Back Attacker - Invaders have entered in the Ninja’s Forest. Be careful!, They have weapons. Attack behind the back.
• xx142-b2.exe - This is the year 2413, humanity is enslaved by an alien race for more than two centuries already.
• 1024 Moves - This puzzle can be solved in 1024 movements.
• Re-Wire - Bring the system back online by rewiring the power nodes.
• Envisionator - A short puzzle game about escaping a building lockdown with the aid of your trusty robot friend.
• Planet Figadore has gone OFFLINE - Fred lives on planet Figadore in the Hercules cluster, he likes watching cat videos from planet Earth via Parallax Shift, but the network link has gone OFFLINE!
• Enmeshed - A hacking puzzle / strategy game. Exploit vulnerabilities in nodes and connections to knock a dynamically-routed mesh network offline.
• Raven - The security cameras for a secret facility have been taken offline, and it is YOUR job to fix the problem.
• Lost Treasure - 'Lost Treasure' is a short retro style puzzle-platformer game. There are 7 different levels (for now) to go through and collect treasure back to little Flo.

Running

• Offline: O.E.C.T - They said organic-electric technology was the way of the future.

Shooter

• [SWAGSHOT] - The station on LZ-13 was taken over by its AIs! You must take it back... with style!
• The Chroma Incident - The Achromats have taken the worlds color offline! Raid their colorless lair and vanquish them all, restoring the world to it's technicolor glory.
• UNDERRUN - A twin stick shooter in 256 shades of brown.
• Backcountry - Kill or be killed in this hack-and-shoot set in the Wild West! Use the mouse or tap the screen to control your avatar, and earn as much gold as you can from the sheriff's bounties.

Strategy

• Elematter - Elematter is a tower defense game based on the four elements: Earth, Water, Air and Fire.

Virtual Reality

• Back to Space - 40 Years ago we thought we had defeated them. But they are back! Now it's up to you!
• You Are Offline - You are trapped in a room. There is no way out. Your only hope is to contact someone to rescue you. The only problem is: YOU ARE OFFLINE.

Web Components

• Scroll! - A Face to Face fighting game for mobile that you can play in your browser.

Uncategorized

• Push Back - In Push Back you create currents to help the stranded boats get back to the mainland. This game uses fluid dynamics to simulate the water.
• Retrohaunt - Someone or something is stealing our time. Today was yesterday and tomorrow is nowhere to be seen. Detective Clay is on the case!
• SPACECRAFT - "Space, the final frontier" is your ultimate destination in SPACECRAFT.
• LOST ROBOT - If I'd written the mapping module, it wouldn't be offline!
• Exo - A space based tower defence game! Build satellites and stations around planets orbiting a distant star. Survive waves of enemies.
• Submersible Warship 2063 - Enemy submarines have invaded your perimeter. Stay off their radar and fight back!
• Enjoy The Sunshine (Get Offline!) - Another beautiful day. But, look! Nobody appreciates it.
• oh, flip! - You're a majestic square with one leg who loves to flip!

---

Game Engines

2D

• GDevelop - An open-source, cross-platform game engine designed to be used by everyone.
• melonJS - A fresh & lightweight HTML5 game engine.
• PixiJS - The HTML5 Creation Engine: Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.
• Phaser - Desktop and Mobile HTML5 game framework. A fast, free and fun open source framework for Canvas and WebGL powered browser games.
• Cocos2d-x - A multi-platform framework for building 2d games, interactive books, demos and other graphical applications.
• Craters.js - A Compact Game Engine that helps you build fast, modern HTML5 Games.
• BLACKSMITH 2D - Black is a highly optimized 2D framework for web, mobile games, and playable ads.
• Impact - A JavaScript Game Engine that allows you to develop stunning HTML5 Games for desktop and mobile browsers.

3D

• Babylonjs - A powerful, beautiful, simple, and open game and rendering engine packed into a friendly JavaScript framework.
• PlayCanvas - Fast and lightweight WebGL game engine.
• three.js - JavaScript 3D library.

Micro-libraries

• EasyStar.js - An asynchronous A* pathfinding API written in Javascript.
• Sound.js - A micro-library to load, play and generate sound effects and music for games and interactive applications.
• Simplify.js - A high-performance JavaScript polyline simplification library by Vladimir Agafonkin, extracted from Leaflet.
• ZzFX - A Tiny JavaScript Sound Effect Engine.
• SAT.js - A simple JavaScript library for performing 2D collision detection.
• jsfxr - as3fxr synth port to JavaScript created for js13kGames.
• Kontra - A lightweight JavaScript gaming micro-library created specifically for the Js13kGames game jam.
• Hexi - A fun and easy way to make HTML5 games or any other kind interactive media using pure JavaScript code.
• js13k-2d - A 2kb webgl 2d sprite renderer, designed for Js13kGames.
• IonPhaser - A web component to use Phaser Framework with Angular, React, Vue, etc 🎮
• Animatable - Animate once, use Everywhere! 💫
• minivents - Tiny eventing for javascript.

Graphics

• p5.js - A client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on the core principles of Processing.
• Paper.js - The Swiss Army Knife of Vector Graphics Scripting.

Physics

• Matter.js - A JavaScript 2D rigid body physics engine for the web.
• Planck.js - 2D JavaScript Physics Engine.
• box2d.ts - A TypeScript port of Box2D.
• p2.js - 2D rigid body physics engine written in JavaScript.

Virtual Reality

• A-Frame - A web framework for building virtual reality experiences.

Audio Resources

• A port of sfxr to HTML5 - Dead easy game sound effects generator.
• TinyMusic - A simple, lightweight music synth/sequencer in JavaScript using the Web Audio API.
• SoundBox - A tool for composing synthetic music, in your browser.
• Sonant-X - A very small JavaScript synthesizer library, suitable for small JavaScript demos or video games.

Visual Resources

• OpenGameArt.org - Free, legal art for open source game projects (includes models, sprites, textures, sounds, music).
• NFG's Arcade Font Engine - Font for your games.
• The Spriters Resource - The #1 source for video game sprites on the internet!
• Sprite Database - Sprite rips from classic games.
• TinyPNG - Compress PNG images while preserving transparency.
• Arcade Font Writer - Create your own text using hundreds of fonts from classic Arcade games.
• ShoeBox - A free Adobe Air based app for Windows and Mac OSX with game and ui related tools.

Real-Time

• Snapshot Interpolation - A Snapshot Interpolation library for Real-Time Multiplayer Games.

Editors

• Tiled Map Editor - A flexible level editor.
• Phaser Editor 2D - A web-based IDEfor HTML5 game development.
• Aseprite - Animated sprite editor & pixel art tool.
• Piskel - A free online editor for animated sprites & pixel art.

Generators

• Stitches - An HTML5 sprite sheet generator.
• Audiosprite - A ffmpeg wrapper that will take in multiple audio files and combines them into a single file.

Minification

• Rollup - A module bundler for JavaScript which compiles small pieces of code into something larger and more complex, such as a library or application.
• webpack - Bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset.
• UglifyJS - A JavaScript parser, minifier, compressor and beautifier toolkit.
• Brunch - Fast front-end web app build tool with simple declarative config and seamless incremental compilation for rapid development.
• Gulp - A toolkit to automate & enhance your workflow.
• Grunt - The JavaScript Task Runner.

Build

• Electron - Build cross-platform desktop apps with JavaScript, HTML, and CSS.
• NW.js - Call all Node.js modules directly from DOM/WebWorker and enable a new way of writing applications with all Web technologies.
• Cordova - Mobile apps with HTML, CSS & JS. Target multiple platforms with one code base.
• Capacitor - Build cross-platform Native Progressive Web Apps for iOS, Android, and the web ⚡️

Compilers

• Babel - The compiler for writing next generation JavaScript.
• Emscripten: An LLVM-to-Web Compiler - Compiles C and C++ to WebAssembly using LLVM and Binaryen. Emscripten output can run on the Web, in Node.js, and in wasm runtimes.

Templates

• js13kserver - js13kGames Server category files and rules.
• JS13K A-Frame Boilerplate - An A-Frame boilerplate for the js13k competition.

Guides

• Google JavaScript Style Guide.
• WebGL guide - A complete, summarized WebGL tutorial, with tiny interactive demos in each chapter.
• Math for games - Maths & trigonometry cheat sheet for 2D & 3D games.
• browserdiet.com - The definitive front-end performance guide.
• JavaScript Garden - A growing collection of documentation about the most quirky parts of the JavaScript programming language.

Books

• Phaser 3 HTML5 Cross Platform Game Development - Endless Runner - Designed both for beginners and skilled programmers, the course guides you from an empty folder introducing the bare bones of JavaScript to advanced Phaser 3 features.
• HTML5 Cross Platform Game Development Using Phaser 3 - The first Phaser 3 guide to the creation of HTML5 cross platform games using Phaser 3 framework and other free software.
• From null to full HTML5 cross platform game - Each step of the book is provided with its source code example, for a total of 79 pages and 27 source code examples.
• Interphase #1 - A 400 page bookazine complete with a coverdisk filled with source code, graphics and more for Phaser CE.
• A Guide to the Phaser CE Tween Manager - Learn how to use the Phaser Tween Manager to its full potential and spice up your games.
• A Guide to the Phaser CE Scale Manager - Phaser has a powerful built-in Scale Manager and this guide teaches you how to unlock its features.

Competitions

• Js13kGames - Create HTML5 games that will fit in a zip package of only 13 kilobytes.
• Ludum Dare - An online event where games are made from scratch in a weekend.
• Node Knockout - The world's biggest Node.js programming competition.

Courses

• Codecademy - JavaScript Courses & Tutorials.
• CodeCombat: Learn to Code by Playing a Game - Learn programming with a multiplayer live coding strategy game for beginners.
• Codewars - Achieve mastery through challenge.

Tutorials

• Making your first Phaser 3 game.
• Game Mechanic Explorer - A collection of concrete examples for various game mechanics, algorithms, and effects.
• Procedurally Generated Dungeon - A Procedurally Generated Dungeon Tutorial in Java-Script.
• Gamedev Tuts+ - The best place to find game development tutorials.
• Codrops - Useful tutorials, insightful articles, creative inspiration and free resources for web designers and developers.
• Emanuele Feronato - Posts about Game design, HTML5, Phaser, JavaScript, Monetize, Box2D, Unity3D.
• Phaser Tutorials - Phaser - News - Tutorial.

Workshops

• Chrome Experiments - A showcase of work by coders who are pushing the boundaries of web technology, creating beautiful, unique web experiences.
• VR Workshop - VR Workshop at Gray Area Festival.
• Immersive - Immersive Three.js Workshop at Gray Area.
• Phaser CE Workshop using ES6 - Isometric worlds and Real Time games.

Forums

• HTML5 Game Devs Forum - A forum about Phaser, Pixi, Babylon, Panda 2, melonJS, Collaborations, Services and Jobs!

Distribution

• 5 Apps - Deployment and distribution tools.
• GamePix - Platform for developers and publishers with interesting blog posts.
• MarketJS - A B2B Platform for licensing HTML5 games. Buy HTML5 games, customize and deploy instantly to your server.
• itch.io - Distribution and game jam hosting platform for HTML5 games.
• CrazyGames - New distribution platform for HTML5 games.
• Y8 Games - At Y8 Games, there are over 70,000 games and videos available to play online. We are leading in the latest Unity3D car and dress up games.

Monetization

• GameDistribution - The biggest broker of high quality, cross-platform games. We connect the best game developers to the biggest publishers.
• Facebook In App Purchases - Facebook Instant Games In App Purchases.
• Facebook Games Ads - Facebook Instant Games Ads.
• Awesome Web Monetization - Awesome stuffs about Web Monetization. Learn more, check modules and others tools.

Testing

• stats.js - JavaScript Performance Monitor.
• Leshy SpriteSheet Animator - Online Sprite Sheet Animation Utility.

Security

• Jscrambler - A JavaScript interpreter and parsing engine that creates an Abstract Syntax Tree representing your source code to make it extremely difficult to reverse engineer.

Other Awesome Lists

• Magic Tools - A list of Game Development resources to make magic happen.
• awesome-phaser - A curated list of awesome Phaser libraries, resources and shiny things.
• Awesome PlayCanvas - A curated list of awesome PlayCanvas assets, resources, and more.
• jsGameWiki - A collection of good links for gaming with javascript.
• Games on GitHub - A list of popular/awesome videos games, add-ons, maps, etc. hosted on GitHub. Any genre. Any platform. Any engine.

Contributors ✨

Please do contribute! Issues and pull requests are welcome.

Supporting 🍻

I believe in Unicorns 🦄 Support me, if you do too.

Happy coding 💯

Made with ❤️