mdn · irvin · Jul 4, 2022 · Jul 3, 2022 · Jul 3, 2022 · Jul 3, 2022
@@ -0,0 +1,111 @@
+---
+title: Examples
+slug: Games/Examples
+tags:
+  - 游戏
+translation_of: Games/Examples
+---
+{{GamesSidebar}}
+
+这个页面列出了许多令人印象深刻的 web 技术演示，你可以从中获得灵感和乐趣。这里证明了可以利用 JavaScript，WebGL 和相关的技术做些什么。前两个部分列出了可以玩的游戏，其中在第二个部分中列出的演示不一定是可交互的或是游戏。
+
+## 免费/演示游戏
+
+- [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。
+
+## 商业游戏
+
+- [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 画面风格冒险游戏。
+
+## 混合演示
+
+- [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)
+  - : 警告：可能造成眩晕。