1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
|
---
title: Desenvolvimento de Jogos
slug: Games
translation_of: Games
original_slug: Jogos
---
<div>{{GamesSidebar}}</div>
<div class="summary">
<p><span class="seoSummary">Gaming é uma das áreas mais populares das tecnologias computacionais. Novas ferramentas estão aparecendo constantemente, permitindo o desenvolvimento de jogos cada vez mais poderosos e eficientes, que podem ser executados em qualquer navegador que esteja dentro dos padrões da Web</span>.</p>
</div>
<div>{{EmbedGHLiveSample("web-tech-games/index.html", '100%', 820)}}</div>
<div class="topicpage-table">
<div class="section">
<h2 id="Develop_web_games">Develop web games</h2>
<p>Welcome to the MDN game development center! In this area of the site we provide resources for web developers wanting to develop games. You will find many useful tutorials and technique articles in the main menu on the left, so feel free to explore.</p>
<p>We've also included a reference section so you can easily find information about all the most common APIs used in game development.</p>
<div class="note"><strong>Note:</strong> Creating games on the web draws on a number of core web technologies such as HTML, CSS, and JavaScript. The <a href="/en-US/docs/Learn">Learning Area</a> is a good place to go to get started with the basics.</div>
</div>
<div class="section">
<h2 id="Port_native_games_to_the_Web">Port native games to the Web</h2>
<p>If you are a native developer (for example writing games in C++), and you are interested in how you can port your games over to the Web, you should learn more about our <a href="http://kripken.github.io/emscripten-site/index.html">Emscripten</a> tool — this is an LLVM to JavaScript compiler, which takes LLVM bytecode (e.g. generated from C/C++ using Clang, or from another language) and compiles that into <a href="/en-US/docs/Games/Tools/asm.js">asm.js</a>, which can be run on the Web.</p>
<p>To get started, see:</p>
<ul>
<li><a href="http://kripken.github.io/emscripten-site/docs/introducing_emscripten/about_emscripten.html">About Emscripten</a> for an introduction including high-level details.</li>
<li><a href="http://kripken.github.io/emscripten-site/docs/getting_started/downloads.html">Download and Install</a> for installing the toolchain.</li>
<li><a href="http://kripken.github.io/emscripten-site/docs/getting_started/Tutorial.html">Emscripten Tutorial</a> for a tutorial to teach you how to get started.</li>
</ul>
</div>
</div>
<div class="topicpage-table">
<div class="section">
<h2 id="Examples">Examples</h2>
<p>For a list of web game examples, see our <a href="/en-US/docs/Games/Examples">examples page</a>. Also check out <a href="https://games.mozilla.org/">games.mozilla.org</a> for more useful resources!</p>
</div>
</div>
<h2 id="See_also">See also</h2>
<div class="topicpage-table">
<div class="section">
<dl>
<dt><a href="http://buildnewgames.com/">Build New Games</a></dt>
<dd>A collaborative site featuring a large number of open web game development tutorials. Has not been very active recently, but still holds some nice resources.</dd>
<dt><a href="http://creativejs.com/">Creative JS</a></dt>
<dd>A collection of impressive JavaScript techniques and experiments, not specific to games, but helpful nonetheless. Has not been very active recently, but still holds some nice resources.</dd>
<dt><a href="http://gameprogrammingpatterns.com/">Game programming patterns</a></dt>
<dd>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 and efficient code.</dd>
<dt><a href="http://gamedevjsweekly.com/">Gamedev.js Weekly</a></dt>
<dd>Weekly newsletter about HTML5 game development, sent every Friday. Contains the latest articles, tutorials, tools and resources.</dd>
<dt><a href="http://www.html5gamedevs.com/">HTML5 Game Devs Forum</a></dt>
<dd>Forums for developers, framework creators and publishers. Ask questions, get feedback and help others.</dd>
</dl>
</div>
<div class="section">
<dl>
<dt><a href="http://html5gameengine.com/">HTML5 Game Engine</a></dt>
<dd>List of the most popular HTML5 game frameworks along with their rating, features and samples.</dd>
<dt><a href="http://www.jsbreakouts.org/">JSBreakouts</a></dt>
<dd>Compare JavaScript Breakout clones in different frameworks to help you choose the right one for you.</dd>
<dt><a href="http://gamedevelopment.tutsplus.com/">Tuts+ Game Development</a></dt>
<dd>Tutorials and articles about game development in general.</dd>
<dt><a href="http://html5devstarter.enclavegames.com/">HTML5 Gamedev Starter</a></dt>
<dd>Starter for the new game developers, a curated list of links to various, useful resources around the web.</dd>
<dt><a href="http://js13kgames.com/">js13kGames</a></dt>
<dd>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.</dd>
<dt><a href="https://hacks.mozilla.org/category/games/">Mozilla Hacks blog</a></dt>
<dd>Games category on the Mozilla Hacks blog containing interesting gamedev related articles.</dd>
<dt><a href="https://developer.mozilla.org/en-US/docs/Games/visual_typescript_game_engine">Visual TypeScript game engine</a></dt>
<dd>TypeScript project based on matter.ts implementation. </dd>
</dl>
</div>
</div>
<h2 id="See_also_2">See also</h2>
<ul>
<li><a href="https://wiki.mozilla.org/Platform/Games">Games section on wiki.mozilla.org</a></li>
</ul>
|
