---
title: 遊戲開發
slug: Games
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="web_遊戲開發">web 遊戲開發</h2>

<p>歡迎來到 MDN 遊戲開發中心！我們將給想要開發遊戲的 web 開發者，提供 web 遊戲開發相關的資源。你會找到很多有用的教學與技術文章，所以請盡情瀏覽。</p>

<p>我們也涵蓋了參考的章節，你可以從那裡找到遊戲開發最需要用到的一些 API。</p>

<div class="note"><strong>注：</strong>建立遊戲會需要用上一些 web 的核心技術，如 HTML、CSS、JavaScript。<a href="/zh-TW/docs/Learn">學習專區</a>會是個很好的學習區域。</div>
</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++ 產生。其他語言亦可）並編譯到能在 Web 運行的 <a href="/zh-TW/docs/Games/Tools/asm.js">asm.js</a>。</p>

<p>要入門請參見：</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></li>
</ul>
</div>
</div>

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

<p>需要 web 遊戲的示例，請參考我們的 <a href="/zh-TW/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>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="column-half">
<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>
 <dd></dd>
</dl>
</div>
</div>