---
title: HTML5游戏开发简介
slug: Games/Introduction_to_HTML5_Game_Development
tags:
  - Games
  - HTML5
translation_of: Games/Introduction_to_HTML5_Game_Development_(summary)
original_slug: Games/Introduction_to_HTML5_Game_Gevelopment_(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>