awesome-frontend-games

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

awesome-frontend-games

★ 63 Open GitHub ↗

This is a curated list dedicated to games developed using web technologies

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

[![Awesome](https://awesome.re/badge.svg)](https://awesome.re)

# Awesome Frontend Games

This is a curated list dedicated to games developed using web technologies.

Usually some mix of HTML, CSS, JavaScript, Canvas and/or WebGL.

This curation is to show off games that stand out. Also libraries or news pertaining to important developments in the industry.
They prove that using web technologies are stable and mature enough for professional game development.

## News

- Low Latency Canvas
	* Browsers are implementing a low latency mode for Canvas contexts (2D, WebGL, WebGL2) that bypass DOM updates
	* Pass in a `desynchronized` hint into the context attributes (hint renamed from `lowLatency` in Chrome ≤74)
	* Learn more at https://developers.google.com/web/updates/2019/05/desynchronized

## Full Games

Games where you can seriously spend a lot of time in and get immersed.

- [Game Dev Tycoon](http://www.greenheartgames.com/app/game-dev-tycoon/)
	* Game about running your own game development studio, running software contracts on the side to help establish it and make it big 
	* Very popular game that topped Steam charts for a while and was seen on many YouTube Let's Plays
	* NW.js with Steam integration
	* HTML, CSS, JavaScript, jQuery with Plugins
	* Translations via JSON using an online tool to allow translators to be involved easily

- [CrossCode](http://www.cross-code.com/)
	* 2D Action RPG with great pixel art, a fantastic story and charming characters
	* Custom tooling around JSON files to flesh out the world
	* NW.js with Steam integration
	* Canvas, JavaScript, Impact.js Engine

- [OUIGO](http://letsplay.ouigo.com/)
	* Really high quality game for pinball, they didn't pull their punches
	* HTML, CSS, JavaScript, WebGL

- [Krunker](https://krunker.io/)
	* Pretty much your standard multiplayer first person shooter
	* Works well and you can get playing instantly
	* HTML, CSS, WebAssembly

## Notable

Small games that are well put together where you could still end up getting hours of fun out of.

- [galax.io](https://galax.io/)
	* Fast-paced multiplayer game
	* Fly around a spaceship (third person) and try to blow others up
	* You can upgrade to newer ships
	* HTML, CSS, JavaScript, WebGL

- [Robostorm](https://robostorm.io/)
	* Fast-paced multiplayer top-down game
	* Pilot a mech and blow others up
	* Very basic shop for upgrades 
	* HTML, CSS, JavaScript, WebGL, Playcanvas engine and tools

- [wanderers.io](https://wanderers.io/)
	* Top-down multiplayer game, where you control a small tribe, gather food, etc.
	* HTML, CSS, JavaScript, Canvas

- [wilds.io](http://wilds.io/)
	* Top-down multiplayer game with melee
	* HTML, CSS, JavaScript, Canvas

## Mini

Little charming experiences that stood out.

- [Moments of HAPPINESS](https://moments.epic.net/)
	* HTML, CSS, JavaScript, WebGL
	* Little creatures that react to the user, really nicely polished and minimal

## How to get into frontend game dev

- [MDN Web Docs on Games](https://developer.mozilla.org/en-US/docs/Games)
	* MDN seems to have a great portal which covers important concepts specifically around gamedev with a web stack in mind

- [Game Programming Resources Thread](https://twitter.com/amzeratul/status/946768612404187136)
	* This is a great twitter thread on gamedev resources

## Communities

- [html5gamedevs.com](http://www.html5gamedevs.com/)
- [r/html5gamedevs](https://www.reddit.com/r/html5gamedevs/)
- [Animation At Work Slack](http://slack.animationatwork.com) has a `#gamedev` channel

## Collections

Websites that list other games out there, usually mostly low quality games though, but that goes for any platform in general. It's all just statistics: If 90% of everything is shit, then having a lot of shit means your gonna get a lot more of the 10% that are good, and the 10% of _those_ that are awesome.

- https://iogames.space/
- https://www.crazygames.com/c/io
- http://html5games.com/

awesome-frontend-games

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README