blob: 6d5cd2014a23ac90a78395e901cbcef629880a5a (
plain)
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
|
---
title: HTML5游戏开发简介
slug: Games/Introduction_to_HTML5_Game_Gevelopment_(summary)
tags:
- Games
- HTML5
translation_of: Games/Introduction_to_HTML5_Game_Development_(summary)
---
<div>{{GamesSidebar}}</div><div>{{IncludeSubnav("/zh-CN/docs/Games")}}</div>
<div>
<h2 style="line-height: 30px;" id="优点">优点</h2>
<ol>
<li>使用HTML5构建的游戏可以在智能手机，平板电脑，个人电脑和智能电视上工作。</li>
<li>通过网络以及其他媒体广告宣传您的游戏。</li>
<li>付款。收取你想要的，并使用任何你喜欢的付款处理服务。</li>
<li>随时更新游戏。</li>
<li>收集您自己的分析！</li>
<li>更密切地与客户联系。</li>
<li>玩家可随时随地玩游戏。</li>
</ol>
<h2 style="line-height: 30px;" id="网络技术">网络技术</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>Technology</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>Graphics</strong></td>
<td><a href="/en-US/docs/WebGL" title="/en-US/docs/WebGL">WebGL</a> (<a href="http://www.khronos.org/opengles/" title="http://www.khronos.org/opengles/">OpenGL ES</a> 2.0)</td>
</tr>
<tr>
<td><strong>Input</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>, device sensors, <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>Language</strong></td>
<td><a href="/en-US/docs/JavaScript" title="/en-US/docs/JavaScript">JavaScript</a> (or C/C++ using <a href="https://github.com/kripken/emscripten/wiki" title="https://github.com/kripken/emscripten/wiki">Emscripten</a> to compile to JavaScript)</td>
</tr>
<tr>
<td><strong>Networking</strong></td>
<td><a href="/en-US/docs/WebRTC" title="/en-US/docs/WebRTC">WebRTC</a> and/or <a href="/en-US/docs/WebSockets" title="/en-US/docs/WebSockets">WebSockets</a></td>
</tr>
<tr>
<td><strong>Storage</strong></td>
<td><a href="/en-US/docs/IndexedDB" title="/en-US/docs/IndexedDB">IndexedDB</a> or the "cloud"</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> (and much more!)</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>全屏游戏。</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>使用游戏手柄或其他游戏控制器。</dd>
<dt><a href="/en-US/docs/HTML" title="/en-US/docs/HTML">HTML</a> and <a href="/en-US/docs/CSS" title="/en-US/docs/CSS">CSS</a></dt>
<dd>构建，样式和布局游戏的用户界面。</dd>
<dt><a href="/en-US/docs/HTML/Element/audio" title="/en-US/docs/HTML/Element/audio">HTML audio</a></dt>
<dd>轻松播放简单的音效和音乐。</dd>
<dt><a href="/en-US/docs/IndexedDB" title="/en-US/docs/IndexedDB">IndexedDB</a></dt>
<dd>将用户数据存储在他们自己的计算机或设备上。</dd>
<dt><a href="/en-US/docs/JavaScript" title="/en-US/docs/JavaScript">JavaScript</a></dt>
<dd>快速的网页编程语言为您的游戏编写代码。轻松移植您现有的游戏 <a href="https://github.com/kripken/emscripten/wiki" title="https://github.com/kripken/emscripten/wiki">Emscripten</a> 或 <a href="http://asmjs.org/spec/latest/" title="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>在游戏界面中锁定鼠标或其他指针设备。</dd>
<dt><a href="/en-US/docs/SVG" title="/en-US/docs/SVG">SVG</a> (Scalable Vector Graphics)</dt>
<dd>构建能够顺利扩展的矢量图形，无论用户显示器的大小或分辨率如何。</dd>
<dt><a href="/en-US/docs/JavaScript/Typed_arrays" title="/en-US/docs/JavaScript/Typed_arrays">Typed Arrays</a></dt>
<dd>从JavaScript中访问原始二进制数据; 操纵GL纹理，游戏数据或其他任何东西。</dd>
</dl>
<p><a href="/en-US/docs/Web_Audio_API" title="/en-US/docs/Web_Audio_API">Web Audio API</a></p>
<dl>
<dd>实时控制音频的播放，合成和操纵。</dd>
<dt><a href="/en-US/docs/WebGL" title="/en-US/docs/WebGL">WebGL</a></dt>
<dd>创建高性能，硬件加速的3D（和2D）图形。<a href="http://www.khronos.org/opengles/" title="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>实时通讯控制音频和视频数据，包括电话会议，并在两个用户之间来回传送其他应用数据，如聊天。</dd>
<dt><a href="/en-US/docs/WebSockets" title="/en-US/docs/WebSockets">WebSockets</a></dt>
<dd>将您的应用程序或站点连接到一个服务器以实时传输数据。适合多人游戏动作，聊天服务等。</dd>
<dt><a href="/en-US/docs/DOM/Using_web_workers" title="/en-US/docs/DOM/Using_web_workers">Web Workers</a></dt>
<dd>生成后台线程为多核处理器运行自己的JavaScript代码。</dd>
<dt><a href="/en-US/docs/DOM/XMLHttpRequest" title="/en-US/docs/DOM/XMLHttpRequest">XMLHttpRequest</a> and <a href="/en-US/docs/DOM/File_API" title="/en-US/docs/DOM/File_API">File API</a></dt>
<dd>从一个Web服务器发送和接收任何您想要的数据，如下载新的游戏级别和艺术品，以便来回传送非实时游戏状态信息。</dd>
</dl>
</div>
<p> </p>
|
