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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
|
---
title: Introduction to HTML5 Game Development (summary)
slug: Games/Introduction_to_HTML5_Game_Development
tags:
- API
- Desenvolvimento Web
- Desenvolvimento mobile
- Firefox OS
- HTML5
- JavaScript
- Jogos
translation_of: Games/Introduction_to_HTML5_Game_Development_(summary)
original_slug: Games/Introduction_to_HTML5_Game_Gevelopment_(summary)
---
<div>{{GamesSidebar}}</div>
<div>{{IncludeSubnav("/en-US/docs/Games")}}</div>
<div>
<h2 id="Vantagens" style="line-height: 30px;">Vantagens</h2>
<ol>
<li><span class="seoSummary">Os Jogos criados com HTML5 funcionam em Smartphones, tablets, PCs e smart TVs.</span></li>
<li>Anuncie e promova seu jogo na Web, bem como em outros meios de comunicação.</li>
<li>Pagamentos. Carregue o que quiser e use o serviço de processamento de pagamento que desejar.</li>
<li>Atualize seu jogo sempre que quiser.</li>
<li>Colete suas próprias análises.</li>
<li>Conecte-se com seus clientes mais de perto.</li>
<li><span class="seoSummary">Usuários podem jogar sempre que quiserem e quando quiserem.</span></li>
</ol>
<h2 id="Tecnologias_da_Web" style="line-height: 30px;">Tecnologias da Web</h2>
</div>
<div> </div>
<table class="standard-table">
<thead>
<tr>
<th scope="col" style="text-align: left;"><strong>Function</strong></th>
<th scope="col" style="text-align: left;"><strong>Tecnologias</strong></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Audio</strong></td>
<td><a href="/en-US/docs/Web_Audio_API" title="/en-US/docs/Web_Audio_API">Web Audio API</a></td>
</tr>
<tr>
<td><strong>Gráficos</strong></td>
<td><a href="/en-US/docs/WebGL" title="/en-US/docs/WebGL">WebGL</a> (<a href="http://www.khronos.org/opengles/">OpenGL ES</a> 2.0)</td>
</tr>
<tr>
<td><strong>Entrada</strong></td>
<td><a href="/en-US/docs/DOM/Touch_events" title="/en-US/docs/DOM/Touch_events">Touch events</a>, <a href="/en-US/docs/API/Gamepad/Using_Gamepad_API" title="/en-US/docs/API/Gamepad/Using_Gamepad_API">Gamepad API</a>, sensores de dispositivos, <a href="/en-US/docs/WebRTC" title="/en-US/docs/WebRTC">WebRTC</a>, <a href="/en-US/docs/DOM/Using_fullscreen_mode" title="/en-US/docs/DOM/Using_fullscreen_mode">Full Screen API</a>, <a href="/en-US/docs/WebAPI/Pointer_Lock" title="/en-US/docs/WebAPI/Pointer_Lock">Pointer Lock API</a></td>
</tr>
<tr>
<td><strong>Linguagens</strong></td>
<td><a href="/en-US/docs/JavaScript" title="/en-US/docs/JavaScript">JavaScript</a> (ou C/C++ usando <a href="https://github.com/kripken/emscripten/wiki">Emscripten</a> para compilar o JavaScript)</td>
</tr>
<tr>
<td><strong>Networking</strong></td>
<td><a href="/en-US/docs/WebRTC" title="/en-US/docs/WebRTC">WebRTC</a> e/ou <a href="/en-US/docs/WebSockets" title="/en-US/docs/WebSockets">WebSockets</a></td>
</tr>
<tr>
<td><strong>Armazenamento</strong></td>
<td><a href="/en-US/docs/IndexedDB" title="/en-US/docs/IndexedDB">IndexedDB</a> ou a "nuvem"</td>
</tr>
<tr>
<td><strong>Web</strong></td>
<td><a href="/en-US/docs/HTML" title="/en-US/docs/HTML">HTML</a>, <a href="/en-US/docs/CSS" title="/en-US/docs/CSS">CSS</a>, <a href="/en-US/docs/SVG" title="/en-US/docs/SVG">SVG</a>, <a href="/en-US/docs/Social_API" title="/en-US/docs/Social_API">Social API</a> (e muito mais!)</td>
</tr>
</tbody>
</table>
<div class="twocolumns">
<dl>
<dt><a href="/en-US/docs/DOM/Using_fullscreen_mode" title="/en-US/docs/DOM/Using_fullscreen_mode">Full Screen API</a></dt>
<dd>gameplay de tela cheia</dd>
<dt><a href="/en-US/docs/API/Gamepad/Using_Gamepad_API" title="/en-US/docs/API/Gamepad/Using_Gamepad_API">Gamepad API</a></dt>
<dd>Use gamepads ou outros controladores de jogos.</dd>
<dt><a href="/en-US/docs/HTML" title="/en-US/docs/HTML">HTML</a> e <a href="/en-US/docs/CSS" title="/en-US/docs/CSS">CSS</a></dt>
<dd>Contrua, estilize e disponha a interface de usuário do seu jogo.</dd>
<dt><a href="/en-US/docs/HTML/Element/audio" title="/en-US/docs/HTML/Element/audio">HTML audio</a></dt>
<dd>Reproduza facilmente efeitos sonoros simples e música.</dd>
<dt><a href="/en-US/docs/IndexedDB" title="/en-US/docs/IndexedDB">IndexedDB</a></dt>
<dd>Armazene os dados de usuário em seu próprio computador ou dispositivo.</dd>
<dt><a href="/en-US/docs/JavaScript" title="/en-US/docs/JavaScript">JavaScript</a></dt>
<dd>Linguagem de programação web rápida para escrever o código do seu jogo, para portar facilmente seus jogos existentes <a href="https://github.com/kripken/emscripten/wiki" title="https://github.com/kripken/emscripten/wiki">Emscripten</a> ou <a href="http://asmjs.org/spec/latest/">Asm.js</a>.</dd>
<dt><a href="/en-US/docs/WebAPI/Pointer_Lock" title="/en-US/docs/WebAPI/Pointer_Lock">Pointer Lock API</a></dt>
<dd>Bloquei o mouse ou outro dispositivo apontador na interface do seu jogo.</dd>
<dt><a href="/en-US/docs/SVG" title="/en-US/docs/SVG">SVG</a> (Gráficos Vetorias Escaláveis)</dt>
<dd>Crie gráficos vetoriais que sejam dimensionados sem problemas, independemente do tamanho ou da resolução da exibição do usuário.</dd>
</dl>
<dl>
<dt><a href="/en-US/docs/JavaScript/Typed_arrays" title="/en-US/docs/JavaScript/Typed_arrays">Typed Arrays</a></dt>
<dd>Acessar dados binários brutos de dentro do JavaScript; Manipule texturas GL, dados de jogos ou qualquer outra coisa.</dd>
<dt><a href="/en-US/docs/Web_Audio_API" title="/en-US/docs/Web_Audio_API">Web Audio API</a></dt>
<dd>Controle a reprodução, síntese e manipulação de aúdio em tempo real.</dd>
<dt><a href="/en-US/docs/WebGL" title="/en-US/docs/WebGL">WebGL</a></dt>
<dd>Crie gráficos 2D e 3D acelerados por hardware de alto desempenho. <a href="http://www.khronos.org/opengles/">OpenGL ES</a> 2.0.</dd>
<dt><a href="/en-US/docs/WebRTC" title="/en-US/docs/WebRTC">WebRTC</a></dt>
<dd>Comunicações em tempo real para controlar dados de aúdio e vídeo, incluindo teleconferência e transmissão de outros dados de aplicativos entre dois usuários, como bate-papo.</dd>
<dt><a href="/en-US/docs/WebSockets" title="/en-US/docs/WebSockets">WebSockets</a></dt>
<dd>Conecte seu aplicativo ou site a um servidor para transmitir dados em tempo real. Perfeito para ação de jogo multiplayer, serviços de bate-papo e assim por diante.</dd>
<dt><a href="/en-US/docs/DOM/Using_web_workers" title="/en-US/docs/DOM/Using_web_workers">Web Workers</a></dt>
<dd>Crie threads em segundo plano executando seu próprio código JavaScript para processadres multi-core.</dd>
<dt><a href="/en-US/docs/DOM/XMLHttpRequest" title="/en-US/docs/DOM/XMLHttpRequest">XMLHttpRequest</a> e <a href="/en-US/docs/DOM/File_API" title="/en-US/docs/DOM/File_API">File API</a></dt>
<dd>Envie e receba quaisquer tipo de dados que você quiser de um servidor da Web, como baixar novos níveis de jogos e ilustrações para transmitir informações de status de jogos não em tempo real.</dd>
</dl>
</div>
<p> </p>
|
