Skip to content

Commit

Permalink
convert to markdown for games zh-TW
Browse files Browse the repository at this point in the history
  • Loading branch information
@yin1999 @irvin
yin1999 authored and irvin committed Jul 4, 2022
1 parent aebafae commit ef36a5d
Show file tree
Hide file tree
Showing 8 changed files with 318 additions and 353 deletions.
80 changes: 38 additions & 42 deletions files/zh-tw/games/index.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,59 +3,55 @@ title: 遊戲開發
slug: Games
translation_of: Games
---
<div>{{GamesSidebar}}</div>
{{GamesSidebar}}

<p>遊戲絕對是最受歡迎的電腦功能之一。而相關技術不斷推陳出新，讓玩家在任何相容標準的網路瀏覽器上，也能盡情享受畫質更優、效能更好的遊戲。</p>
遊戲絕對是最受歡迎的電腦功能之一。而相關技術不斷推陳出新，讓玩家在任何相容標準的網路瀏覽器上，也能盡情享受畫質更優、效能更好的遊戲。

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

<h2 id="web_遊戲開發">web 遊戲開發</h2>
## web 遊戲開發

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

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

<div class="note"><p><strong>備註：</strong> 建立遊戲會需要用上一些 web 的核心技術，如 HTML、CSS、JavaScript。<a href="/zh-TW/docs/Learn">學習專區</a>會是個很好的學習區域。</p></div>
> **備註：** 建立遊戲會需要用上一些 web 的核心技術，如 HTML、CSS、JavaScript。[學習專區](/zh-TW/docs/Learn)會是個很好的學習區域。
<h2 id="從原生到_Web">從原生到 Web</h2>
## 從原生到 Web

<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>
如果你是原生介面開發者（例如，你寫 C++ 的遊戲）、對於怎麼把遊戲移植到 Web 有興趣的話，請看看我們的工具 [Emscripten](http://kripken.github.io/emscripten-site/index.html)：這是個 LLVM 轉到 JavaScript 的編譯器，它使用了 LLVM 位元碼（例如，使用 Clang 從 C/C++ 產生。其他語言亦可）並編譯到能在 Web 運行的 [asm.js](/zh-TW/docs/Games/Tools/asm.js)。

<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>
- [About Emscripten](http://kripken.github.io/emscripten-site/docs/introducing_emscripten/about_emscripten.html) for an introduction including high-level details.
- [Download and Install](http://kripken.github.io/emscripten-site/docs/getting_started/downloads.html) for installing the toolchain.
- 有關如何開始的教學：[Emscripten Tutorial](http://kripken.github.io/emscripten-site/docs/getting_started/Tutorial.html)

<h2 id="示例">示例</h2>
## 示例

<p>需要 web 遊戲的示例，請參考我們的 <a href="/zh-TW/docs/Games/Examples">示例頁</a>。也請參考下 <a href="http://www.openwebgames.com/">openwebgames.com</a> 以獲取更多資源與示範！</p>
需要 web 遊戲的示例，請參考我們的 [示例頁](/zh-TW/docs/Games/Examples)。也請參考下 [openwebgames.com](http://www.openwebgames.com/) 以獲取更多資源與示範！

<h2 id="參見">參見</h2>
## 參見

<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>
<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>
</dl>
- [Build New Games](http://buildnewgames.com/)
- : 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.
- [Creative JS](http://creativejs.com/)
- : 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.
- [Game programming patterns](http://gameprogrammingpatterns.com/)
- : 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.
- [Gamedev.js Weekly](http://gamedevjsweekly.com/)
- : Weekly newsletter about HTML5 game development, sent every Friday. Contains the latest articles, tutorials, tools and resources.
- [HTML5 Game Devs Forum](http://www.html5gamedevs.com/)
- : Forums for developers, framework creators and publishers. Ask questions, get feedback and help others.
- [HTML5 Game Engine](http://html5gameengine.com/)
- : List of the most popular HTML5 game frameworks along with their rating, features and samples.
- [JSBreakouts](http://www.jsbreakouts.org/)
- : Compare JavaScript Breakout clones in different frameworks to help you choose the right one for you.
- [Tuts+ Game Development](http://gamedevelopment.tutsplus.com/)
- : Tutorials and articles about game development in general.
- [HTML5 Gamedev Starter](http://html5devstarter.enclavegames.com/)
- : Starter for the new game developers, a curated list of links to various, useful resources around the web.
- [js13kGames](http://js13kgames.com/)
- : 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.
- [Mozilla Hacks blog](https://hacks.mozilla.org/category/games/)
- : Games category on the Mozilla Hacks blog containing interesting gamedev related articles.
Loading

0 comments on commit ef36a5d

Please sign in to comment.