Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

AutoCorrect files/zh-cn/games #6098

Merged
merged 3 commits into from
Jun 6, 2022
+519 −519
Merged

AutoCorrect files/zh-cn/games #6098

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
9979401
AutoCorrect files/zh-cn/games
huacnlee Jun 4, 2022
0804235
Merge branch 'main' into fix-093
yin1999 Jun 6, 2022
1b41d1d
Update files/zh-cn/games/tutorials/2d_breakout_game_phaser/build_the_…
yin1999 Jun 6, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
120 changes: 60 additions & 60 deletions files/zh-cn/games/anatomy/index.html
View file
Open in desktop

Large diffs are not rendered by default.

34 changes: 17 additions & 17 deletions files/zh-cn/games/examples/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,15 +7,15 @@
---
<div>{{GamesSidebar}}</div>

<p>这个页面列出了许多令人印象深刻的web技术演示，你可以从中获得灵感和乐趣。这里证明了可以利用JavaScript，WebGL和相关的技术做些什么。前两个部分列出了可以玩的游戏，其中在第二个部分中列出的演示不一定是可交互的或是游戏。</p>
<p>这个页面列出了许多令人印象深刻的 web 技术演示，你可以从中获得灵感和乐趣。这里证明了可以利用 JavaScript，WebGL 和相关的技术做些什么。前两个部分列出了可以玩的游戏，其中在第二个部分中列出的演示不一定是可交互的或是游戏。</p>

<div class="column-container">
<div class="column-half">
<h2 id="免费演示游戏">免费/演示游戏</h2>

<dl>
<dt><a href="http://www.beloola.com">Beloola</a></dt>
<dd>一个连接充满激情的人们的网络虚拟现实（WebVR）平台。 可以同时在2D屏幕和虚拟现实头盔显示器（设置/转为VR模式）上体验。</dd>
<dd>一个连接充满激情的人们的网络虚拟现实（WebVR）平台。可以同时在 2D 屏幕和虚拟现实头盔显示器（设置/转为 VR 模式）上体验。</dd>
<dt><a href="http://playcanv.as/p/aP0oxhUr">Tanx</a></dt>
<dd>一个多人坦克对战游戏，由<a href="https://playcanvas.com/">PlayCanvas</a>开发。</dd>
<dt><a href="https://robertsspaceindustries.com/comm-link/transmission/14704-Hyper-Vanguard-Force">Hyper Vanguard Force</a></dt>
Expand All @@ -35,13 +35,13 @@ <h2 id="免费演示游戏">免费/演示游戏</h2>
<dt><a href="http://sandbox.photonstorm.com/html5/nutmeg/">Nutmeg</a></dt>
<dd>可爱的复古卷轴平台动作游戏。</dd>
<dt><a href="http://www.zibbo.com/game/match-3-games-top/back-to-candyland-episode-1">Back to Candyland</a></dt>
<dd>一个match-3（Candy Crush）风格的游戏。</dd>
<dd>一个 match-3（Candy Crush）风格的游戏。</dd>
<dt><a href="http://playbiolab.com/">Biolab Disaster</a></dt>
<dd>横向卷轴平台射击游戏。</dd>
<dt><a href="http://phoboslab.org/xtype/">X-Type</a></dt>
<dd>纵向卷轴太空射击游戏演示。</dd>
<dt><a href="http://phoboslab.org/xibalba/">Xibalba</a></dt>
<dd>复古（Doom风格）的第一人称射击游戏。</dd>
<dd>复古（Doom 风格）的第一人称射击游戏。</dd>
<dt><a href="https://timeinvariant.github.io/gorescript/play/">Gorescript</a></dt>
<dd>另一个复古风格的第一人称射击游戏。</dd>
<dt><a href="http://hypnoticowl.com/games/the-wizard/">The Wizard</a></dt>
Expand All @@ -51,13 +51,13 @@ <h2 id="免费演示游戏">免费/演示游戏</h2>
<dt><a href="https://gabrielecirulli.github.io/2048/">2048</a></dt>
<dd>一个滑动数字方块的解谜游戏。</dd>
<dt><a href="/en-US/demos/detail/bananabread" title="/en-US/demos/detail/bananabread">BananaBread</a></dt>
<dd>多玩家的3D第一人称射击游戏，使用Emscripten，WebGL和WebRTC开发。</dd>
<dd>多玩家的 3D 第一人称射击游戏，使用 Emscripten，WebGL 和 WebRTC 开发。</dd>
<dt><a href="https://hacks.mozilla.org/2013/12/monster-madness-creating-games-on-the-web-with-emscripten/">Monster Madness</a></dt>
<dd>一个基于WebGL和asm.js的多人在线射击游戏，由Nom Nom Games 和Trendy entertainment开发。</dd>
<dd>一个基于 WebGL 和 asm.js 的多人在线射击游戏，由 Nom Nom Games 和 Trendy entertainment 开发。</dd>
<dt><a href="http://www.auraluxgame.com/game/">Auralux</a></dt>
<dd>基于WebGL和asm.js的策略游戏 ：捕获所有的太阳以获取胜利!</dd>
<dd>基于 WebGL 和 asm.js 的策略游戏：捕获所有的太阳以获取胜利！</dd>
<dt><a href="http://browserquest.mozilla.org/">BrowserQuest</a></dt>
<dd>由Little Workshop和Mozilla开发的MMORPG。</dd>
<dd>由 Little Workshop 和 Mozilla 开发的 MMORPG。</dd>
</dl>

<h2 id="商业游戏">商业游戏</h2>
Expand All @@ -70,7 +70,7 @@ <h2 id="商业游戏">商业游戏</h2>
<dt><a href="http://qbqbqb.rezoner.net/">QbQbQb </a></dt>
<dd>一个科幻主题的解谜游戏。</dd>
<dt><a href="http://elliotquest.com/">Elliot Quest</a></dt>
<dd>复古的8-bit画面风格冒险游戏。</dd>
<dd>复古的 8-bit 画面风格冒险游戏。</dd>
</dl>
</div>

Expand All @@ -79,19 +79,19 @@ <h2 id="混合演示">混合演示</h2>

<dl>
<dt><a href="http://greweb.me/wavegl/">WaveGL</a></dt>
<dd>音频资源的WebGL可视化展示。</dd>
<dd>音频资源的 WebGL 可视化展示。</dd>
<dt><a href="http://codepen.io/jackrugile/pen/CdKGx/">Canvas Airport Simulation</a></dt>
<dd>可以显示飞机在机场起飞和降落的地图动画，也可以显示航线。</dd>
<dt><a href="http://alteredqualia.com/xg/examples/animation_physics_terrain.html">Animation Physics</a></dt>
<dd>地形和汽车的3D渲染，其中的物理计算使用了<a href="https://github.com/kripken/ammo.js">ammo.js</a> 。</dd>
<dd>地形和汽车的 3D 渲染，其中的物理计算使用了<a href="https://github.com/kripken/ammo.js">ammo.js</a> 。</dd>
<dt><a href="http://david.li/flow/">Volumetric Particle Flow</a></dt>
<dd>流体的物理模拟。</dd>
<dt><a href="http://codepen.io/artzub/pen/gszpJ/">Explosion and chain reaction</a></dt>
<dd>会引发更多爆炸的爆炸粒子。</dd>
<dt><a href="http://codepen.io/AshKyd/pen/sylFw">Canvas generated planet</a></dt>
<dd>一个具有小行星带的星球。</dd>
<dt><a href="http://codepen.io/zadvorsky/pen/FAmuL">Digital Fireworks</a></dt>
<dd>在canvas上渲染出的焰火动画效果。</dd>
<dd>在 canvas 上渲染出的焰火动画效果。</dd>
<dt><a href="http://oos.moxiecode.com/js_webgl/autumn/">Autumn</a></dt>
<dd>秋叶飘落，光源在其后闪烁。使用<a href="https://github.com/mrdoob/three.js">Three.js</a>开发。</dd>
<dt><a href="http://inear.se/fireshader/">Fire walk with me</a></dt>
Expand All @@ -101,21 +101,21 @@ <h2 id="混合演示">混合演示</h2>
<dt><a href="http://visualiser.fr/babylon/crowd/">Crowd Simulation</a></dt>
<dd>模拟想到达他们相反方向的拥挤人群。</dd>
<dt><a href="http://codepen.io/noeldelgado/pen/ByxQjL">SVG Masking Experiment</a></dt>
<dd>一台X光机，由SVG蒙版创建。</dd>
<dd>一台 X 光机，由 SVG 蒙版创建。</dd>
<dt><a href="https://www.shadertoy.com/view/Ms2SD1">Realistic Water Simulation</a></dt>
<dd>如海浪的流水。</dd>
<dt><a href="http://www.haxor.xyz/demos/1.0/dungeon/">Dungeon demo</a></dt>
<dd>基于Haxor的地下城场景，拥有可行走的人物。</dd>
<dd>基于 Haxor 的地下城场景，拥有可行走的人物。</dd>
<dt><a href="http://massiveassaultnetwork.com/html5/">Massive Assault tech demo</a></dt>
<dd>渲染出的具有未来派的军用车辆的群岛。</dd>
<dt><a href="https://callumprentice.github.io/apps/flight_stream/index.html">Flight Stream</a></dt>
<dd>具有模拟航线的3D球体。</dd>
<dd>具有模拟航线的 3D 球体。</dd>
<dt><a href="http://pixelscommander.com/polygon/htmlgl/demo/filters.html">WebGL filters</a></dt>
<dd>用于向HTML元素添加效果的WebGL过滤器演示。</dd>
<dd>用于向 HTML 元素添加效果的 WebGL 过滤器演示。</dd>
<dt><a href="http://codepen.io/AshKyd/pen/zxmgzV">SVG isometic tiles</a></dt>
<dd>Generating isometric tiles with SVG matricies.</dd>
<dt><a href="https://jsfiddle.net/jetienne/rkth90c9/">ThreeJS App Player</a></dt>
<dd>你可以在其中载入和运行Three.js的示例。</dd>
<dd>你可以在其中载入和运行 Three.js 的示例。</dd>
<dt><a href="https://developer.mozilla.org/en-US/demos/detail/escher-puzzle/launch">WebGL + Three.js Demo</a></dt>
<dd>警告：可能造成眩晕。</dd>
</dl>
Expand Down
44 changes: 22 additions & 22 deletions files/zh-cn/games/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,29 +24,29 @@
<div class="column-half">
<h2 id="开发网页游戏">开发网页游戏</h2>

<p>欢迎来到MDN游戏开发中心! 在网站的这个模块我们为想要开发游戏的web开发者提供了资源。你可以在主菜单的左边找到很多有用的教程和技术文档，放轻松去探索吧。</p>
<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>
<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>
<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>
<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>如果你是一个本地游戏开发者 (例如你用 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>
<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/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>
<li><a href="http://kripken.github.io/emscripten-site/docs/getting_started/Tutorial.html">Emscripten 教程</a>——指导你如何开始。</li>
</ul>
</div>
</div>
Expand All @@ -67,40 +67,40 @@ <h2 id="请参见">请参见</h2>
<div class="column-half">
<dl>
<dt><a href="http://buildnewgames.com/">Build New Games</a></dt>
<dd>这是一个以大量开放式网页游戏开发教程为特色的协作网站。 最近还不是很活跃，但还是拥有一些不错的资源。</dd>
<dd>这是一个以大量开放式网页游戏开发教程为特色的协作网站。最近还不是很活跃，但还是拥有一些不错的资源。</dd>
<dt><a href="http://creativejs.com/">Creative JS</a></dt>
<dd>一个令人印象深刻的JavaScript技术和实验的集合，并不全是游戏技术，但还是对开发有帮助。 最近并不非常活跃，但仍然拥有一些不错的资源。</dd>
<dd>一个令人印象深刻的 JavaScript 技术和实验的集合，并不全是游戏技术，但还是对开发有帮助。最近并不非常活跃，但仍然拥有一些不错的资源。</dd>
<dt><a href="http://gameprogrammingpatterns.com/">Game programming patterns</a></dt>
<dd>在线书籍，作者Bob Nystrom，其中讨论了游戏开发环境中的编程模式，旨在帮助游戏开发人员生成更有效，更高效的代码。</dd>
<dd>在线书籍，作者 Bob Nystrom，其中讨论了游戏开发环境中的编程模式，旨在帮助游戏开发人员生成更有效，更高效的代码。</dd>
<dt><a href="http://blog.artillery.com/">Artillery blog</a></dt>
<dd>HTML5游戏公司Artillery在他们的博客上发表的一些有用的文章。</dd>
<dd>HTML5 游戏公司 Artillery 在他们的博客上发表的一些有用的文章。</dd>
<dt><a href="https://leanpub.com/buildinggamesforfirefoxos/">Building games for Firefox OS</a></dt>
<dd>使用HTML5创建2D游戏的快速指南，针对在Firefox OS和其他移动平台上分发。</dd>
<dd>使用 HTML5 创建 2D 游戏的快速指南，针对在 Firefox OS 和其他移动平台上分发。</dd>
<dt><a href="http://gamedevjsweekly.com/">Gamedev.js Weekly</a></dt>
<dd>关于HTML5游戏开发的每周新闻，每星期五发送。 包含最新的文章，教程，工具和资源。</dd>
<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://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>比较在不同的框架中的 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>
<dd>Starter 针对游戏开发新手，在网络上提供一个策划列表链接到各种，有用的资源。</dd>
<dt><a href="http://js13kgames.com/">js13kGames</a></dt>
<dd>针对HTML5游戏开发人员的JavaScript编码竞赛，文件大小限制设置为13千字节。 所有提交的游戏都以可读的形式在GitHub上提供。</dd>
<dd>针对 HTML5 游戏开发人员的 JavaScript 编码竞赛，文件大小限制设置为 13 千字节。所有提交的游戏都以可读的形式在 GitHub 上提供。</dd>
<dt><a href="https://hacks.mozilla.org/category/games/">Mozilla Hacks blog</a></dt>
<dd>在Mozilla Hacks博客包含关于游戏类别的有趣的游戏开发的相关文章。</dd>
<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>
<dd>2d / 3d / webSocket 定向游戏引擎。只有 window 下的工具。托管在 bitbucket 项目网站。</dd>
</dl>
</div>
</div>
Loading