---
title: 游戏开发环境
slug: Games
tags:
  - Apps
  - Game Development
  - Gamedev
  - Games
  - HTML5 Games
  - JavaScript Games
  - TopicStub
  - Web
translation_of: Games
---
<div>{{GamesSidebar}}</div>

<div class="summary">
<p><span class="seoSummary">游戏是在计算机上最风靡的活动之一。新技术不断发展已使开发出能在任何符合标准的浏览器上运行更好更炫的游戏成为可能。</span></p>
</div>

<div>{{EmbedGHLiveSample("web-tech-games/index.html", '100%', 820)}}</div>

<div class="column-container">
<div class="column-half">
<h2 id="开发网页游戏">开发网页游戏</h2>

<p>欢迎来到MDN游戏开发中心! 在网站的这个模块我们为想要开发游戏的web开发者提供了资源。你可以在主菜单的左边找到很多有用的教程和技术文档，放轻松去探索吧。</p>

<p>我们同样包含了参考书库，因此你可以轻易的找到有关游戏开发所有常用的API以及有用的<a href="/zh-CN/docs/Games/Tools/Engines_and_tools">引擎和工具</a>清单和<a href="/zh-CN/docs/Games/Examples">游戏案例</a>.</p>

<div class="note">
<p><strong>注解</strong>: 在你开始尝试创建一个网页游戏之前你至少要掌握基础的核心web技术 —— 例如HTML、CSS和Javascript。如果你是一个完全的初学者， <a href="/zh-CN/docs/Learn">这里</a> 将会是一个很好的学习领域。</p>
</div>

<dl>
</dl>
</div>

<div class="column-half">
<h2 id="将本地游戏移植到Web">将本地游戏移植到Web</h2>

<p>如果你是一个本地游戏开发者(例如你用C++开发游戏)，并且你对如何将本地游戏移植到Web感兴趣，你应该更多的学习关于我们的<a href="http://kripken.github.io/emscripten-site/index.html">Emscripten</a> 工具—— 这是一个LLVM JavaScript 编译器。它能获取LLVM字节码(例如用Clang编译C/C++或者其他语言生成的字节码）并且将它们编译成<a href="/en-US/docs/Games/Tools/asm.js">asm.js</a>以在Web上运行。</p>

<p>开始，查看以下:</p>

<ul>
 <li><a href="http://kripken.github.io/emscripten-site/docs/introducing_emscripten/about_emscripten.html">关于Emscripten</a>——简介和高级特性。</li>
 <li><a href="http://kripken.github.io/emscripten-site/docs/getting_started/downloads.html">下载和安装</a>——安装工具链。</li>
 <li><a href="http://kripken.github.io/emscripten-site/docs/getting_started/Tutorial.html">Emscripten教程</a>——指导你如何开始。</li>
</ul>
</div>
</div>

<div class="column-container">
<div class="column-half">
<h2 id="示例">示例</h2>

<p>有关网页游戏示例的列表，请参阅我们的<a href="/zh-CN/docs/Games/Examples">示例页</a>。也可以查看 <a href="http://www.openwebgames.com/">openwebgames.com</a> 以获得更多有用的资源和示例！</p>
</div>
</div>

<p><a href="http://www.openwebgames.com"><img alt="" src="https://mdn.mozillademos.org/files/12790/owg-logo-dark.svg" style="display: block; margin: 0px auto; width: 400px;"></a></p>

<h2 id="请参见">请参见</h2>

<div class="column-container">
<div class="column-half">
<dl>
 <dt><a href="http://buildnewgames.com/">Build New Games</a></dt>
 <dd>这是一个以大量开放式网页游戏开发教程为特色的协作网站。 最近还不是很活跃，但还是拥有一些不错的资源。</dd>
 <dt><a href="http://creativejs.com/">Creative JS</a></dt>
 <dd>一个令人印象深刻的JavaScript技术和实验的集合，并不全是游戏技术，但还是对开发有帮助。 最近并不非常活跃，但仍然拥有一些不错的资源。</dd>
 <dt><a href="http://gameprogrammingpatterns.com/">Game programming patterns</a></dt>
 <dd>在线书籍，作者Bob Nystrom，其中讨论了游戏开发环境中的编程模式，旨在帮助游戏开发人员生成更有效，更高效的代码。</dd>
 <dt><a href="http://blog.artillery.com/">Artillery blog</a></dt>
 <dd>HTML5游戏公司Artillery在他们的博客上发表的一些有用的文章。</dd>
 <dt><a href="https://leanpub.com/buildinggamesforfirefoxos/">Building games for Firefox OS</a></dt>
 <dd>使用HTML5创建2D游戏的快速指南，针对在Firefox OS和其他移动平台上分发。</dd>
 <dt><a href="http://gamedevjsweekly.com/">Gamedev.js Weekly</a></dt>
 <dd>关于HTML5游戏开发的每周新闻，每星期五发送。 包含最新的文章，教程，工具和资源。</dd>
 <dt><a href="http://www.html5gamedevs.com/">HTML5 Game Devs Forum</a></dt>
 <dd>开发者，架构师，发布者的论坛。提出问题，获得帮助，帮助他人。</dd>
</dl>
</div>

<div class="column-half">
<dl>
 <dt><a href="http://html5gameengine.com/">HTML5游戏引擎</a></dt>
 <dd>眼下最流行的HTML5游戏框架列表，包含评分，特色和案例。</dd>
 <dt><a href="http://www.jsbreakouts.org/">JSBreakouts</a></dt>
 <dd>比较在不同的框架中的JavaScript Breakout clones，以帮助您作出正确的选择。</dd>
 <dt><a href="http://gamedevelopment.tutsplus.com/">Tuts与游戏开发</a></dt>
 <dd>关于游戏开发的教程和案例。</dd>
 <dt><a href="http://webchat.freenode.net/?channels=bbg">#BBG IRC chat</a></dt>
 <dd>实时在线与开发者直接对话。</dd>
 <dt><a href="http://html5devstarter.enclavegames.com/">HTML5 Gamedev Starter</a></dt>
 <dd>Starter针对游戏开发新手，在网络上提供一个策划列表链接到各种，有用的资源。</dd>
 <dt><a href="http://js13kgames.com/">js13kGames</a></dt>
 <dd>针对HTML5游戏开发人员的JavaScript编码竞赛，文件大小限制设置为13千字节。 所有提交的游戏都以可读的形式在GitHub上提供。</dd>
 <dt><a href="https://hacks.mozilla.org/category/games/">Mozilla Hacks blog</a></dt>
 <dd>在Mozilla Hacks博客包含关于游戏类别的有趣的游戏开发的相关文章。</dd>
 <dt><a href="Games/Visual-js_game_engine">Visual-js game engine</a></dt>
 <dd>2d / 3d / webSocket定向游戏引擎。 只有window下的工具。 托管在bitbucket项目网站。</dd>
</dl>
</div>
</div>