1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
|
---
title: Exemples
slug: Games/Examples
tags:
- Demos
- Exemples
- Jeux
- Web
translation_of: Games/Examples
original_slug: Jeux/Exemples
---
<div>{{GamesSidebar}}</div><div> {{IncludeSubnav("/fr/docs/Jeux")}}</div>
<p class="summary">Cette page liste un grand nombre de démos de technologies web impressionnantes vous permettant de vous inspirer et de vous amuser. Une preuve de ce qui peut être fait avec Javascript, WebGL et autres. Les deux premières sections listent des jeux tandis que la troisième est une liste de démos de technologies web.</p>
<div class="column-container">
<div class="column-half">
<h2 id="DémosJeux_gratuits">Démos/Jeux gratuits</h2>
<dl>
<dt><a href="http://orpe.ga/">Orpega</a></dt>
<dd><span id="result_box" lang="fr"><span>Jeu de tir massivement multijoueur sur le thème de l'espace en HTML5 / JavaScript sans moteur et NodeJS pour le serveur (http://orpe.ga/)</span></span></dd>
<dt><a href="http://www.beloola.com">Beloola</a></dt>
<dd>Plateforme sociale de réalité virtuelle web pour les passionnés. Expérience disponible à la fois sur écrans 2D et casques de réalité virtuelle (<em>Paramètres / Passer en mode VR</em>)</dd>
<dt><a href="http://playcanv.as/p/aP0oxhUr">Tanx</a></dt>
<dd>Un jeu de combat de tanks multijoueurs, créé avec <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>Un "space shooter" <em>(tireur de l'espace)</em> à défilement vertical.</dd>
<dt><a href="http://playcanv.as/p/JtL2iqIH">Swooop</a></dt>
<dd>Un jeu d'aviation : contrôle ton avion et récupère les joyaux. Aussi créé avec <a href="https://playcanvas.com/">PlayCanvas</a>.</dd>
<dt><a href="https://ga.me/games/save-the-day">Save the Day</a></dt>
<dd>Volez à bord de votre hélicoptère de sauvetage vers la zone sinistrée et sauvez les victimes coincées (ga.me).</dd>
<dt><a href="https://ga.me/games/polycraft">Polycraft</a></dt>
<dd>Un jeu de survie, explore l'île et bats les monstres.</dd>
<dt><a href="http://hexgl.bkcore.com/">HexGL</a></dt>
<dd>Un jeu de course futuriste rythmé.</dd>
<dt><a href="http://beta.unity3d.com/jonas/DT2/">Dead Trigger 2</a></dt>
<dd>Un jeu d'action avec des zombies, créé avec <a href="http://unity3d.com/">Unity3D</a>.</dd>
<dt><a href="http://beta.unity3d.com/jonas/AngryBots/">Angry Bots</a></dt>
<dd>Une démo de jeu de tir futuriste à la 3ème personne, créé avec <a href="http://unity3d.com/">Unity3D</a>.</dd>
<dt><a href="http://sandbox.photonstorm.com/html5/nutmeg/">Nutmeg</a></dt>
<dd>Jeu de plateforme action rétro.</dd>
<dt><a href="http://www.zibbo.com/game/match-3-games-top/back-to-candyland-episode-1">Back to Candyland</a></dt>
<dd>Un jeu de type Match 3 (Candy Crush).</dd>
<dt><a href="http://playbiolab.com/">Biolab Disaster</a></dt>
<dd>Un jeu de plateforme et de tir à défilement horizontal.</dd>
<dt><a href="http://phoboslab.org/xtype/">X-Type</a></dt>
<dd>Une démo de "space shooter" <em>(tireur de l'espace) </em>à défilement vertical.</dd>
<dt><a href="http://phoboslab.org/xibalba/">Xibalba</a></dt>
<dd>Un jeu rétro de tir à la première personne (Doom-style).</dd>
<dt><a href="https://timeinvariant.github.io/gorescript/play/">Gorescript</a></dt>
<dd>Un autre jeu rétro de tir à la première personne.</dd>
<dt><a href="http://hypnoticowl.com/games/the-wizard/">The Wizard</a></dt>
<dd>Un jeu de réflexion au tour par tour.</dd>
<dt><a href="http://hextris.io/">Hextris</a></dt>
<dd>Un jeu de réflexion hexagonal ressemblant à Tetris.</dd>
<dt><a href="https://gabrielecirulli.github.io/2048/">2048</a></dt>
<dd>Un jeu de réflexion où il faut faire glisser des tuiles.</dd>
<dt><a href="/en-US/demos/detail/bananabread" title="/en-US/demos/detail/bananabread">BananaBread</a></dt>
<dd>Un jeu de tir à la première personne en 3D développé en utilisant Emscripten, WebGL et 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>Un jeu de tir multijoueur en ligne développé par "Nom Nom Games" et "Trendy entertainment" en utilisant WebGL et asm.js.</dd>
<dt><a href="http://www.auraluxgame.com/game/">Auralux</a></dt>
<dd>Un jeu de stratégie basé sur WebGL et asm.js : capture tous les soleils pour gagner !</dd>
<dt><a href="http://browserquest.mozilla.org/">BrowserQuest</a></dt>
<dd>Un MMORPG crée par the Little Workshop et Mozilla.</dd>
<dt><a href="https://arcade.ly/games/asteroids/">Shoot The Rocks</a></dt>
<dd>Un jeu de tir solo 2D Canvas, dans le style des classiques Asteroids d' Atari, jeux d' arcade depuis 1979.</dd>
<dt><a href="https://arcade.ly/games/starcastle/">Star Citadel</a></dt>
<dd><span id="result_box" lang="fr"><span>Une nouvelle version de Star Castle, le classique jeu d'arcade 1980 de Cinematronics, construit avec Canvas 2D.</span></span></dd>
</dl>
<h2 id="Jeux_payants">Jeux payants</h2>
<dl>
<dt><a href="http://oortonline.com/">Oort Online</a></dt>
<dd>Un MMO d'exploration, de construction et de bataille (actuellement en développement).</dd>
<dt><a href="http://www.wizardslizard.com/">A Wizard's Lizard</a></dt>
<dd>Un RPG d'exploration ressemblant à Zelda.</dd>
<dt><a href="http://qbqbqb.rezoner.net/">QbQbQb </a></dt>
<dd>Un jeu de réflexion arcade sur le thème de la science fiction.</dd>
<dt><a href="http://elliotquest.com/">Elliot Quest</a></dt>
<dd>Jeu d'aventure rétro aux graphiques 8-bit.</dd>
<dt><a href="https://data.mo.ee/index2.html">RPG MO</a></dt>
<dd><span id="result_box" lang="fr"><span>MMORPG isométrique ayant des similitudes avec RuneScape Classic et Ultima.</span></span></dd>
</dl>
</div>
<div class="column-half">
<h2 id="Démos_diverses">Démos diverses</h2>
<dl>
<dt><a href="http://greweb.me/wavegl/">WaveGL</a></dt>
<dd>Visualiseur WebGL pour la source de sons.</dd>
<dt><a href="http://codepen.io/jackrugile/pen/CdKGx/">Canvas Airport Simulation</a></dt>
<dd>Carte animée montrant les avions décollants et atterrissants à l'aéroport avec les itinéraires de vols.</dd>
<dt><a href="http://alteredqualia.com/xg/examples/animation_physics_terrain.html">Animation Physics</a></dt>
<dd>Rendu 3D d'un terrain et de voitures utilisant <a href="https://github.com/kripken/ammo.js">ammo.js</a> pour les calculs physiques.</dd>
<dt><a href="http://david.li/flow/">Volumetric Particle Flow</a></dt>
<dd>Simulation physique de liquides s'écoulant.</dd>
<dt><a href="http://codepen.io/artzub/pen/gszpJ/">Explosion and chain reaction</a></dt>
<dd>Particules explosant et déclenchant d'autres explosions.</dd>
<dt><a href="http://codepen.io/AshKyd/pen/sylFw">Canvas generated planet</a></dt>
<dd>Une ceinture d'astéroides orbitant autour d'une planète.</dd>
<dt><a href="http://codepen.io/zadvorsky/pen/FAmuL">Digital Fireworks</a></dt>
<dd>Effets d'explosions de feu d'artifice.</dd>
<dt><a href="http://oos.moxiecode.com/js_webgl/autumn/">Autumn</a></dt>
<dd>Feuilles automnales qui tombent, illuminées par une source lumineuse. Créé avec <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>Effet de nuage de feu flottant.</dd>
<dt><a href="http://codepen.io/jackrugile/pen/AokpF">Rainbow Firestorm</a></dt>
<dd><span id="result_box" lang="fr"><span>Des particules de couleur arc-en-ciel, tombant comme de la pluie, rebondissent sur un terrain d'orbes.</span></span></dd>
<dt><a href="http://visualiser.fr/babylon/crowd/">Crowd Simulation</a></dt>
<dd>Simulation d'une foule de personnes agitées voulant rejoindre des directions opposées.</dd>
<dt><a href="http://codepen.io/noeldelgado/pen/ByxQjL">SVG Masking Experiment</a></dt>
<dd>Une machine à rayons X, créée en utilisant un calque SVG.</dd>
<dt><a href="https://www.shadertoy.com/view/Ms2SD1">Realistic Water Simulation</a></dt>
<dd>De l'eau en mouvement, comme les vagues d'un océan.</dd>
<dt><a href="http://www.haxor.xyz/demos/1.0/dungeon/">Dungeon demo</a></dt>
<dd>Scène de donjon basée sur Haxor avec un personnage jouable.</dd>
<dt><a href="http://massiveassaultnetwork.com/html5/">Massive Assault tech demo</a></dt>
<dd>Archipel avec des véhicules militaires futuristes.</dd>
<dt><a href="https://callumprentice.github.io/apps/flight_stream/index.html">Flight Stream</a></dt>
<dd>Globe en 3D avec des itinéraires d'avions simulés.</dd>
<dt><a href="http://pixelscommander.com/polygon/htmlgl/demo/filters.html">WebGL filters</a></dt>
<dd>Démo montrant comment WebGL peut être utilisé pour ajouter des effets à des éléments HTML.</dd>
<dt><a href="http://codepen.io/AshKyd/pen/zxmgzV">SVG isometic tiles</a></dt>
<dd>Génère des tuiles isométriques avec une matrice SVG.</dd>
<dt><a href="https://jsfiddle.net/jetienne/rkth90c9/">ThreeJS App Player</a></dt>
<dd>Un lecteur dans lequel il est possible de charger et lancer des exemples de Three.js.</dd>
</dl>
</div>
</div>
|
