Skip to content

Commit

Permalink
AutoCorrect files/zh-cn/games (#6098)
Browse files Browse the repository at this point in the history
* AutoCorrect files/zh-cn/games

* Update files/zh-cn/games/tutorials/2d_breakout_game_phaser/build_the_brick_field/index.html

Co-authored-by: A1lo <[email protected]>
  • Loading branch information
huacnlee and yin1999 authored Jun 6, 2022
1 parent d08020a commit 5f6907f
Show file tree
Hide file tree
Showing 48 changed files with 519 additions and 519 deletions.
120 changes: 60 additions & 60 deletions files/zh-cn/games/anatomy/index.html

Large diffs are not rendered by default.

34 changes: 17 additions & 17 deletions files/zh-cn/games/examples/index.html
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
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

0 comments on commit 5f6907f

Please sign in to comment.