MDN may have intermittent access issues April 18 13:00 - April 19 01:00 UTC. See whistlepig.mozilla.org for all notifications.

mozilla

Gaming is one of the most popular computer activities. New technologies are constantly arriving to make it possible to develop better and more powerful games that can be run in any standards-compliant web browser.

Introducing web game development

Introduction to game development for the Web
An introduction to the technologies useful for game developers and how to get started developing games using Web technologies. This article also examines the business case for creating web games.
Anatomy of a video game
What is a video game, really? There are certain parts that are common between games (even if it doesn't seem like it). This article looks to explain concepts like main loops in a completely general context. When it does focus, it does so toward web standards.
Special considerations for game developers
This article from the App Center looks briefly at things you need to consider specifically when trying to create a game that will run as an open web app.

Additional resources

Build New Games
A collaborative site featuring a large number of open web game development tutorials. Hasn't been very active recently, but still holds some nice resources.
Creative JS
A collection of impressive JavaScript techniques and experiments, not specific to games, but helpful nonetheless. Hasn't been very active recently, but still holds some nice resources.
Game programming patterns
An online book, written by Bob Nystrom, which discusses programming patterns in the context of game development with the aim of helping game developers produce more effective, efficient code.
Artillery blog
HTML5 games company Artillery have some useful articles on their blog.
Building games for Firefox OS
A quick guide to creating 2D games with HTML5, for distribution on Firefox OS and other mobile platforms.
Gamedev.js Weekly
Weekly newsletter about HTML5 game development, sent every Friday. Contains the latest articles, tutorials, tools, and resources.
HTML5 Game Devs Forum
Forums for developers, framework creators and publishers. Ask questions, get feedback, help others.
HTML5 Game Engine
List of the most popular HTML5 game frameworks along with their rating, features and samples.
JSBreakouts
Compare JavaScript Breakout clones in different frameworks to help you choose the right one for you.
Tuts+ Game Development
Tutorials and articles about game development in general.
#BBG IRC chat
Talk with the developers directly in real time.
HTML5 Gamedev Starter
Starter for the new game developers, a curated list of links to various, useful resources around the web.
js13kGames
JavaScript coding competition for HTML5 game developers with the file size limit set to 13 kilobytes. All the submitted games are available in a readable form on GitHub.

 

Game development topics

Tools
This section covers the tools available for facilitating the creation of effective gaming experiences on the Web, such as frameworks, compilers such as Emscripten, and debugging tools. It explain the core concepts behind each, giving you a solid base to work upon.
Techniques
This section contains many articles covering essential techniques for game development, such as physics, collision detection, animation, 3D, data storage, and much more.
Workflows
This section includes multiple case studies, taking the basic tools and techniques covered above and applying them to the creation of awesome games. There's something for you here, whether you are an experienceed web developer wanting to write 2D or 3D games, a C++ developer looking to port native games to the Web or a mobile developer looking for help writing better mobile games.

Demos

BananaBread
A multiplayer, 3D first-person shooter game developed using Emscripten, WebGL, and WebRTC.
Serpent game
This Open Web App is a simple game based on the classic "snake" game. It uses the WebGameStub template, which can help you to quickly create a Web game.
Monster Madness
A WebGL and asm.js-based multiplayer online shooter, developed by Nom Nom Games and Trendy entertainment.
Auralux
WebGL and asm.js-based strategy game: capture all the suns to win!
 
 

Note that we are keeping track of ongoing work on game development documentation on our Game development documentation status page. If you want to help contribute to game development documentation, please have a look at this page to see what work needs doing!

 

Join the Games development community

Choose your preferred method for joining the discussion: