Skip to content

Commit

Permalink
convert to markdown for games zh-CN
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 7e9fb74 commit 823d901
Show file tree
Hide file tree
Showing 51 changed files with 2,698 additions and 2,697 deletions.
297 changes: 141 additions & 156 deletions files/zh-cn/games/anatomy/index.md
View file

Large diffs are not rendered by default.

200 changes: 97 additions & 103 deletions files/zh-cn/games/examples/index.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,113 +5,107 @@ tags:
- 游戏
translation_of: Games/Examples
---
<div>{{GamesSidebar}}</div>
{{GamesSidebar}}

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

<h2 id="免费演示游戏">免费/演示游戏</h2>
## 免费/演示游戏

<dl>
<dt><a href="http://www.beloola.com">Beloola</a></dt>
<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>
<dd>一个优雅的纵向卷轴太空射击游戏。</dd>
<dt><a href="http://playcanv.as/p/JtL2iqIH">Swooop</a></dt>
<dd>一个飞行游戏：控制你的飞机并收集宝石。也是由<a href="https://playcanvas.com/">PlayCanvas</a>所开发。</dd>
<dt><a href="https://ga.me/games/save-the-day">Save the Day</a></dt>
<dd>在受灾区域驾驶你的救援直升机以拯救被困的受灾者（ga.me.）。</dd>
<dt><a href="https://ga.me/games/polycraft">Polycraft</a></dt>
<dd>一个海难生存游戏。探索岛屿、打败怪物。</dd>
<dt><a href="http://hexgl.bkcore.com/">HexGL</a></dt>
<dd>一个快节奏、未来主义的赛车游戏。</dd>
<dt><a href="http://beta.unity3d.com/jonas/DT2/">Dead Trigger 2</a></dt>
<dd>经典的僵尸溅射游戏，使用<a href="http://unity3d.com/">Unity3D</a>开发。</dd>
<dt><a href="http://beta.unity3d.com/jonas/AngryBots/">Angry Bots</a></dt>
<dd>一个未来风格的外星人式的第三人称射击游戏，使用<a href="http://unity3d.com/">Unity3D</a>开发。</dd>
<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>
<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>
<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>
<dd>一个回合制的地下城解谜游戏。</dd>
<dt><a href="http://hextris.io/">Hextris</a></dt>
<dd>类似于俄罗斯方块的六边形解谜游戏。</dd>
<dt><a href="https://gabrielecirulli.github.io/2048/">2048</a></dt>
<dd>一个滑动数字方块的解谜游戏。</dd>
<dt><a href="/en-US/demos/detail/bananabread">BananaBread</a></dt>
<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>
<dt><a href="http://www.auraluxgame.com/game/">Auralux</a></dt>
<dd>基于 WebGL 和 asm.js 的策略游戏：捕获所有的太阳以获取胜利！</dd>
<dt><a href="http://browserquest.mozilla.org/">BrowserQuest</a></dt>
<dd>由 Little Workshop 和 Mozilla 开发的 MMORPG。</dd>
</dl>
- [Beloola](http://www.beloola.com)
- : 一个连接充满激情的人们的网络虚拟现实（WebVR）平台。可以同时在 2D 屏幕和虚拟现实头盔显示器（设置/转为 VR 模式）上体验。
- [Tanx](http://playcanv.as/p/aP0oxhUr)
- : 一个多人坦克对战游戏，由[PlayCanvas](https://playcanvas.com/)开发。
- [Hyper Vanguard Force](https://robertsspaceindustries.com/comm-link/transmission/14704-Hyper-Vanguard-Force)
- : 一个优雅的纵向卷轴太空射击游戏。
- [Swooop](http://playcanv.as/p/JtL2iqIH)
- : 一个飞行游戏：控制你的飞机并收集宝石。也是由[PlayCanvas](https://playcanvas.com/)所开发。
- [Save the Day](https://ga.me/games/save-the-day)
- : 在受灾区域驾驶你的救援直升机以拯救被困的受灾者（ga.me.）。
- [Polycraft](https://ga.me/games/polycraft)
- : 一个海难生存游戏。探索岛屿、打败怪物。
- [HexGL](http://hexgl.bkcore.com/)
- : 一个快节奏、未来主义的赛车游戏。
- [Dead Trigger 2](http://beta.unity3d.com/jonas/DT2/)
- : 经典的僵尸溅射游戏，使用[Unity3D](http://unity3d.com/)开发。
- [Angry Bots](http://beta.unity3d.com/jonas/AngryBots/)
- : 一个未来风格的外星人式的第三人称射击游戏，使用[Unity3D](http://unity3d.com/)开发。
- [Nutmeg](http://sandbox.photonstorm.com/html5/nutmeg/)
- : 可爱的复古卷轴平台动作游戏。
- [Back to Candyland](http://www.zibbo.com/game/match-3-games-top/back-to-candyland-episode-1)
- : 一个 match-3（Candy Crush）风格的游戏。
- [Biolab Disaster](http://playbiolab.com/)
- : 横向卷轴平台射击游戏。
- [X-Type](http://phoboslab.org/xtype/)
- : 纵向卷轴太空射击游戏演示。
- [Xibalba](http://phoboslab.org/xibalba/)
- : 复古（Doom 风格）的第一人称射击游戏。
- [Gorescript](https://timeinvariant.github.io/gorescript/play/)
- : 另一个复古风格的第一人称射击游戏。
- [The Wizard](http://hypnoticowl.com/games/the-wizard/)
- : 一个回合制的地下城解谜游戏。
- [Hextris](http://hextris.io/)
- : 类似于俄罗斯方块的六边形解谜游戏。
- [2048](https://gabrielecirulli.github.io/2048/)
- : 一个滑动数字方块的解谜游戏。
- [BananaBread](/en-US/demos/detail/bananabread)
- : 多玩家的 3D 第一人称射击游戏，使用 Emscripten，WebGL 和 WebRTC 开发。
- [Monster Madness](https://hacks.mozilla.org/2013/12/monster-madness-creating-games-on-the-web-with-emscripten/)
- : 一个基于 WebGL 和 asm.js 的多人在线射击游戏，由 Nom Nom Games 和 Trendy entertainment 开发。
- [Auralux](http://www.auraluxgame.com/game/)
- : 基于 WebGL 和 asm.js 的策略游戏：捕获所有的太阳以获取胜利！
- [BrowserQuest](http://browserquest.mozilla.org/)
- : 由 Little Workshop 和 Mozilla 开发的 MMORPG。

<h2 id="商业游戏">商业游戏</h2>
## 商业游戏

<dl>
<dt><a href="http://oortonline.com/">Oort Online</a></dt>
<dd>一个大型多人网游：在游戏中探索、建造和战斗（目前仍在开发中）。</dd>
<dt><a href="http://www.wizardslizard.com/">A Wizard's Lizard</a></dt>
<dd>自上而下的塞尔达式的探索/RPG游戏。</dd>
<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>
</dl>
- [Oort Online](http://oortonline.com/)
- : 一个大型多人网游：在游戏中探索、建造和战斗（目前仍在开发中）。
- [A Wizard's Lizard](http://www.wizardslizard.com/)
- : 自上而下的塞尔达式的探索/RPG 游戏。
- [QbQbQb](http://qbqbqb.rezoner.net/)
- : 一个科幻主题的解谜游戏。
- [Elliot Quest](http://elliotquest.com/)
- : 复古的 8-bit 画面风格冒险游戏。

<h2 id="混合演示">混合演示</h2>
## 混合演示

<dl>
<dt><a href="http://greweb.me/wavegl/">WaveGL</a></dt>
<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>
<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>
<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>
<dd>翻腾的火云效果。</dd>
<dt><a href="http://codepen.io/jackrugile/pen/AokpF">Rainbow Firestorm</a></dt>
<dd>下雨般的七彩粒子，在由圆组成的地形上跳跃。</dd>
<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>
<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>
<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>
<dt><a href="http://pixelscommander.com/polygon/htmlgl/demo/filters.html">WebGL filters</a></dt>
<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>
<dt><a href="/en-US/demos/detail/escher-puzzle/launch">WebGL + Three.js Demo</a></dt>
<dd>警告：可能造成眩晕。</dd>
</dl>
- [WaveGL](http://greweb.me/wavegl/)
- : 音频资源的 WebGL 可视化展示。
- [Canvas Airport Simulation](http://codepen.io/jackrugile/pen/CdKGx/)
- : 可以显示飞机在机场起飞和降落的地图动画，也可以显示航线。
- [Animation Physics](http://alteredqualia.com/xg/examples/animation_physics_terrain.html)
- : 地形和汽车的 3D 渲染，其中的物理计算使用了[ammo.js](https://github.com/kripken/ammo.js) 。
- [Volumetric Particle Flow](http://david.li/flow/)
- : 流体的物理模拟。
- [Explosion and chain reaction](http://codepen.io/artzub/pen/gszpJ/)
- : 会引发更多爆炸的爆炸粒子。
- [Canvas generated planet](http://codepen.io/AshKyd/pen/sylFw)
- : 一个具有小行星带的星球。
- [Digital Fireworks](http://codepen.io/zadvorsky/pen/FAmuL)
- : 在 canvas 上渲染出的焰火动画效果。
- [Autumn](http://oos.moxiecode.com/js_webgl/autumn/)
- : 秋叶飘落，光源在其后闪烁。使用[Three.js](https://github.com/mrdoob/three.js)开发。
- [Fire walk with me](http://inear.se/fireshader/)
- : 翻腾的火云效果。
- [Rainbow Firestorm](http://codepen.io/jackrugile/pen/AokpF)
- : 下雨般的七彩粒子，在由圆组成的地形上跳跃。
- [Crowd Simulation](http://visualiser.fr/babylon/crowd/)
- : 模拟想到达他们相反方向的拥挤人群。
- [SVG Masking Experiment](http://codepen.io/noeldelgado/pen/ByxQjL)
- : 一台 X 光机，由 SVG 蒙版创建。
- [Realistic Water Simulation](https://www.shadertoy.com/view/Ms2SD1)
- : 如海浪的流水。
- [Dungeon demo](http://www.haxor.xyz/demos/1.0/dungeon/)
- : 基于 Haxor 的地下城场景，拥有可行走的人物。
- [Massive Assault tech demo](http://massiveassaultnetwork.com/html5/)
- : 渲染出的具有未来派的军用车辆的群岛。
- [Flight Stream](https://callumprentice.github.io/apps/flight_stream/index.html)
- : 具有模拟航线的 3D 球体。
- [WebGL filters](http://pixelscommander.com/polygon/htmlgl/demo/filters.html)
- : 用于向 HTML 元素添加效果的 WebGL 过滤器演示。
- [SVG isometic tiles](http://codepen.io/AshKyd/pen/zxmgzV)
- : Generating isometric tiles with SVG matricies.
- [ThreeJS App Player](https://jsfiddle.net/jetienne/rkth90c9/)
- : 你可以在其中载入和运行 Three.js 的示例。
- [WebGL + Three.js Demo](/en-US/demos/detail/escher-puzzle/launch)
- : 警告：可能造成眩晕。
Loading

0 comments on commit 823d901

Please sign in to comment.