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
|
---
title: Développement de jeux vidéo
slug: Jeux
tags:
- Applications
- Développement
- Jeux
translation_of: Games
---
<div>{{GamesSidebar}}</div>
<div class="summary">
<p>Les jeux vidéo sont parmi les activités numériques les plus populaires. L'arrivée continue de nouvelles technologies permet de développer encore des jeux de meilleure qualité et plus performants qui peuvent fonctionner dans n'importe quel navigateur respectant les standards du web.</p>
</div>
<p>{{EmbedGHLiveSample("web-tech-games/index.html", '100%', 820)}}</p>
<div class="column-container">
<div class="column-half">
<h2 id="Développement_de_jeux_pour_le_web">Développement de jeux pour le web</h2>
<p><span id="result_box" lang="fr"><span>Bienvenue dans le centre de développement de jeux MDN !</span> <span>Dans cette zone du site, nous fournissons des ressources pour les développeurs web désireux de développer des jeux.</span> <span>Vous trouverez de nombreux tutoriels et articles techniques dans le menu principal à gauche, alors n'hésitez pas à explorer.</span></span></p>
<p><span id="result_box" lang="fr"><span>Nous avons également inclus une section de références afin que vous puissiez facilement trouver des informations sur toutes les API les plus courantes utilisées dans le développement de jeux.</span></span></p>
<div class="note">
<p><strong style="border: 0px; color: #3b3c40; font-family: 'open sans',arial,sans-serif; font-size: 14px; font-style: normal; font-weight: 700; letter-spacing: normal; margin: 0px; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal;">Note</strong><span style="background-color: #fff5cc; color: #3b3c40; font-family: 'open sans',arial,sans-serif; font-size: 12px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; white-space: normal;">: La création de jeux sur le Web s'appuie sur un certain nombre de technologies Web de base telles que HTML, CSS et JavaScript. La </span><a href="https://developer.mozilla.org/fr/Apprendre" style="font-size: 12px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; color: rgb(33, 122, 192); text-decoration: none; margin: 0px; padding: 0px; border: 0px; font-family: 'open sans', arial, sans-serif;">Zone "Apprendre"</a><span style="background-color: #fff5cc; color: #3b3c40; font-family: 'open sans',arial,sans-serif; font-size: 12px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; white-space: normal;"> est un bon endroit pour commencer avec les bases.</span></p>
</div>
</div>
<div class="column-half">
<h2 id="Portez_des_jeux_natifs_sur_le_Web"><span class="short_text" id="result_box" lang="fr"><span>Portez des jeux natifs sur le Web</span></span></h2>
<p><span id="result_box" lang="fr"><span>Si vous êtes un développeur natif (par exemple écrivant des jeux en C ++), et que vous êtes intéressé par la façon dont vous pouvez porter vos jeux sur le Web, vous devriez en apprendre plus sur notre outil </span></span> <a href="http://kripken.github.io/emscripten-site/index.html">Emscripten</a> <span lang="fr"><span> - c'est un compilateur LLVM vers JavaScript, qui prend</span> <span>le "bytecode LLVM" (par exemple, généré à partir de C / C ++ en utilisant Clang ou un autre langage) et le compile dans </span></span> <a href="https://developer.mozilla.org/en-US/docs/Games/Tools/asm.js">asm.js</a> <span lang="fr"><span>, qui peut être exécuté sur le Web.</span></span></p>
<p>Pour commencer, voir :</p>
<ul>
<li><a href="http://kripken.github.io/emscripten-site/docs/introducing_emscripten/about_emscripten.html">About Emscripten</a> pour une introduction incluant des détails de haut niveau.</li>
<li><a href="http://kripken.github.io/emscripten-site/docs/getting_started/downloads.html">Download and Install</a> <span class="short_text" id="result_box" lang="fr"><span>pour installer la chaîne d'outils</span></span> .</li>
<li><a href="http://kripken.github.io/emscripten-site/docs/getting_started/Tutorial.html">Emscripten Tutorial</a> pour un tutoriel qui vous enseigne comment commencer.</li>
</ul>
</div>
</div>
<div class="column-container">
<div class="column-half">
<h2 id="Exemples">Exemples</h2>
<p>Pour une liste d'exemples de jeux, voir notre <a href="https://developer.mozilla.org/en-US/docs/Games/Examples">page exemples</a>. Consultez aussi <a href="http://www.openwebgames.com/">openwebgames.com</a> pour des ressources et des exemples plus utiles !</p>
</div>
</div>
<p><a href="http://www.openwebgames.com"><img alt="" src="https://mdn.mozillademos.org/files/12790/owg-logo-dark.svg" style="display: block; margin: 0px auto; width: 400px;"></a></p>
<h2 id="Voir_aussi">Voir aussi</h2>
<div class="column-container">
<div class="column-half">
<dl>
<dt><a href="http://buildnewgames.com/">Build New Games </a>(en)</dt>
<dd>Un site collaboratif avec de nombreux tutoriels concernant le développement de jeux vidéo sur le Web. N'a pas été très actif récemment, mais détient toujours de belles ressources.</dd>
<dt><a href="http://creativejs.com/">Creative JS </a>(en)</dt>
<dd>Un ensemble de techniques et d'expérimentations JavaScript, pas nécessairement liées au domaine vidéo-ludique mais qui se révèlent plutôt utiles et impressionnantes. N'a pas été très actif récemment, mais détient toujours de belles ressources.</dd>
<dt><a href="http://gameprogrammingpatterns.com/">Game programming patterns </a>(en)</dt>
<dd>Un livre en ligne, écrit par Bob Nystrom, qui traite des modèles de programmation dans le contexte du développement de jeux, dans le but d'aider les développeurs de jeux à produire un code plus réussi et plus opérationnel.</dd>
<dt><a href="http://gamedevjsweekly.com/">Gamedev.js Weekly </a>(en)</dt>
<dd>Bulletin hebdomadaire sur le développement de jeux HTML5, envoyé tous les vendredis. Contient les derniers articles, didacticiels, outils et ressources.</dd>
<dt><a href="http://www.html5gamedevs.com/">HTML5 Game Devs Forum </a>(en)</dt>
<dd>Forums pour développeurs, créateurs de "framework" et éditeurs. Posez des questions, obtenez des commentaires, aidez les autres.</dd>
</dl>
</div>
<div class="column-half">
<dl>
<dt><a href="http://html5gameengine.com/">HTML5 Game Engine </a>(en)</dt>
<dd>Liste des architectures de jeux HTML5 les plus populaires ainsi que leurs classement, fonctionnalités et exemples.</dd>
<dt><a href="http://www.jsbreakouts.org/">JSBreakouts</a> (en)</dt>
<dd>Comparez les clones JavaScript Breakout dans différents systèmes pour vous aider à choisir le bon pour vous.</dd>
<dt><a href="http://gamedevelopment.tutsplus.com/">Tuts+ Game Development </a>(en)</dt>
<dd>Tutoriels et articles sur le developpement de jeux en général.</dd>
<dt><a href="http://html5devstarter.enclavegames.com/">HTML5 Gamedev Starter </a>(en)</dt>
<dd><span id="result_box" lang="fr"><span>De quoi démarrer pour les nouveaux développeurs de jeux, une liste organisée de liens vers diverses ressources utiles sur le web.</span></span></dd>
<dt><a href="http://js13kgames.com/">js13kGames </a>(en)</dt>
<dd>Concours de codage JavaScript pour les développeurs de jeux HTML5 avec une limite de taille de fichier fixée à 13 kilo-octets. Tous les jeux soumis sont disponibles sous forme lisible sur GitHub.</dd>
<dt><a href="https://hacks.mozilla.org/category/games/">Mozilla Hacks blog </a>(en)</dt>
<dd>Catégorie Jeux sur le blog "Hacks" de Mozilla contenant des articles connexes intéressants.</dd>
</dl>
</div>
</div>
|
