Index

31 pages trouvées :

Page Étiquettes et résumé
1 Développement de jeux vidéo Applications, Développement, Jeux

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.

2 Anatomie d'un jeu vidéo Boucle Principale, JavaScript, Jeux, requestAnimationFrame

Cet article se concentre sur l'anatomie et le flux de la plupart des jeux video à partir d'un point de vue technique, concernant la manière dont la boucle principale devrait tourner. Cela aide les débutants dans l'arène du développement à comprendre  ce qui est requis quand il est question de bâtir un jeu et comment les standards du web comme JavaScript leur est offert comme outil. Les programmeurs de jeux expérimentés et nouveaux dans le développement web pourront aussi en tirer bénéfice.

3 Exemples Demos, Exemples, Jeux, Web
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.
4 Index Meta
No summary!
5 Introduction au développement de jeux HTML5 (résumé) Firefox OS, HTML5, Jeux, Mobile
.
6 Introduction au développement de jeux vidéo Firefox OS, Guide, Jeux, Mobile
  /fr/docs/Jeux  
7 Publier des jeux HTML5, JavaScript, Jeux, Monétisation, Promotion, distribution, publication
Les jeux en HTML5 ont un avantage certain face à ceux écrits dans un langage natif en terme de publication et de distribution — vous avez en effet la liberté de distribuer, promouvoir et monétiser votre jeu sur Internet au lieu de voir chaque version de votre jeu emprisonnée au sein d'un store propriétaire. En étant sur le web, vous bénéficiez automatiquement d'un jeu multi plate-formes. Cette série d'articles vous présente les options dont vous disposez afin de publier et de distribuer votre jeu et de gagner quelque chose en attendant de faire de votre jeu un incontournable.
8 Monétisation du jeu Games, HTML5, JavaScript, Jeux, Licence, Monétisation, annonces, iap, image de marque
Lorsque vous avez passé votre temps à créer un jeu, à le distribuer et à en faire la promotion, vous devriez envisager d'en gagner de l'argent. Si votre travail est une entreprise sérieuse sur la voie de devenir un développeur de jeux indépendant capable de gagner sa vie, lisez la suite et voyez quelles sont vos options. La technologie est suffisamment mature; maintenant, il s'agit simplement de choisir la bonne approche.
9 Techniques pour le développement de jeux vidéo Guide, JavaScript, Jeux

Cette page liste un ensemble de techniques utiles à toute personne qui voudrait développer un jeu vidéo à l'aide des technologies du web.

10 Détection de collisions en 2D 2D, Algorithmes, Détection de collisions, JavaScript, Jeux

Les algorithmes de détection de collisions dans les jeux en 2 dimensions dépendent de la forme des objets à détecter (par exemple : rectangle contre rectangle, cercle contre rectangle, cercle contre cercle…). Habituellement, il est préférable d’utiliser une forme générique appelée masque de collision (« hitbox ») qui couvrira l’entité. Ainsi, les collisions ne seront pas assurées au pixel près mais cela permettra d’avoir de bonnes performances pour un grand nombre d’entités à tester.

Cet article donne un résumé des techniques les plus utilisées pour la détection des collisions dans les jeux en deux dimensions.

11 Jeux 3D sur le web 3D, Images, Jeux, WebGL, WebVR, three.js
Pour des expériences de jeu riches sur le Web, l'arme de choix est WebGL, qui est fourni sur HTML canvas. WebGL est essentiellement un OpenGL ES 2.0 pour le Web - c'est une API JavaScript fournissant des outils pour créer des animations interactives riches et bien sûr aussi des jeux. Vous pouvez générer et rendre des graphiques 3D dynamiques avec du JavaScript accéléré.
12 Explication des bases théoriques de la 3D 3D, Bases, Images, Lumières, Textures, fragment, vertex
  /fr/docs/Jeux
13 Building up a basic demo with PlayCanvas 3D, Animation, Débutant, PlayCanvas, Rendu, Tutoriel, WebGL, camera
PlayCanvas est un populaire moteur 3D WebGL de jeu, originellement concu par Will Eastcott et Dave Evans. Il est disponible en open-source sur GitHub, avec un éditeur en ligne et une bonne documentation. L'éditeur en ligne est gratuit pour les projets publics avec jusqu'à deux membres d'équipe, mais il y a aussi des plans payants si vous vous lancez dans un projet commercial privé avec plus de développeurs.
14 Building up a basic demo with Three.js
Une scène 3D  dans un jeu - même la plus simple - contient des éléments standard comme des formes situées dans un système de coordonnées, une caméra pour les voir réellement, des lumières et des matériaux pour amelioré son esthétique, des animations pour la rendre vivante, etc. Three.js, comme avec toute autre bibliothèque 3D, fournit des fonctions d'assistance intégrées pour vous aider à implémenter plus rapidement les fonctionnalités 3D courantes. Dans cet article, nous vous expliquerons les bases de l'utilisation de Three, notamment la configuration d'un environnement de développement, la structuration du code HTML nécessaire, les objets fondamentaux de Three et la manière de créer une démonstration de base.
15 L'audio dans les jeux Web API, Audio, Jeux, Web Audio API, audio sprites

L'audio représente une chose essentielle dans n'importe quel jeu vidéo; il apporte de l'information et contribue à l'atmosphère du jeu. La prise en charge de l'audio a évolué de manière rapide mais il reste encore beaucoup de différences de prise en charge entre les navigateurs. Nous avons souvent besoin de décider quelles parties de notre contenu audio est intéressant et laquelle ne l'est pas, et mettre en place une stratégie en conséquence. Cet article fournit un guide détaillé sur l'implémentation de l'audio dans les jeux HTML5, détaillant quels choix technologiques fonctionneront sur le plus grand nombre de navigateurs.

16 Tools for game development Games, Gecko, Guide, JavaScript, TopicStub

Sur cette page, vous trouverez des liens vers nos articles sur les outils de développement de jeux, qui visent à terme à couvrir les frameworks, les compilateurs et les outils de  débogage.

17 asm.js

Asm.js Asm.js est une spécification définissant un sous-ensemble de JavaScript hautement optimisé. Cet article examine exactement ce qui est permis dans le sous-ensemble asm.js, quelles améliorations il confère, où et comment vous pouvez l'utiliser, et d'autres ressources et exemples.

18 Workflows for different game types Canvas, JavaScript, Jeux, Web
 
19 2D breakout game using Phaser
Dans ce tutoriel étape par étape, nous créons un simple jeu mobile MDN Breakout écrit en JavaScript, en utilisant le framework Phaser.
20 Jeu de casse-briques 2D en pur JavaScript 2D, Canvas, Débutant, JavaScript, Jeux, Tutoriel
Dans ce tutoriel, nous allons créer pas à pas un jeu de casse-briques MDN, créé entièrement avec JavaScript et sans framework, et rendu avec la balise HTML5 canvas.
21 Faire rebondir la balle sur les murs Animation, Canvas, Débutant, Exemple, JavaScript, Jeux, Tuto, Tutoriel, detection, graphique

C'est la 3ème étape sur 10 de ce tutoriel Gamedev Canvas. Vous pouvez retrouver le code source de cette leçon sur Gamedev-Canvas-workshop/lesson3.html.

22 Créer les briques Canvas, Casse-Brique, Débutant, JavaScript, Jeu, Tutoriel, graphique

Il s'agit de la 6ème étape sur 10 du Gamedev Canvas tutorial. Vous pouvez trouver le code source après avoir complété cette leçon à : Gamedev-Canvas-workshop/lesson6.html.

23 Détection de collisions Canvas, JavaScript, Jeu, collision, detection, totoriel

Il s'agit de la 7ème étape sur 10 du Gamedev Canvas tutorial. Vous pouvez trouver le code source tel qu'il devrait être après avoir complété cette leçon à : Gamedev-Canvas-workshop/lesson7.html.

24 Créer l'élément Canvas et l'afficher 2D, Canvas, Débutant, HTML, JavaScript, Jeux, Tutoriel

C'est la 1ère étape sur 10 de ce tutoriel Gamedev Canvas. Vous pouvez retrouver le code source de cette leçon sur Gamedev-Canvas-workshop/lesson1.html.

25 Finitions Canevas, Débutant, JavaScript, Jeux, Tutoriel, requestAnimationFrame, vies

C'est la dernière étape de ce tutoriel Gamedev Canvas. Vous pouvez trouver le code source tel qu'il devrait être après avoir terminé cette leçon à l'adresse Gamedev-Canvas-workshop/lesson10.html.

26 Fin de partie Canvas, Débutant, Fin de partie, JavaScript, Jeux, Tutoriel, game over

Voici la 5ème étape sur 10 du Gamedev Canvas tutorial. Vous pouvez trouver le code source comme il devrait être après avoir terminé cette leçon sur Gamedev-Canvas-workshop/lesson5.html.

27 Contrôle à la souris Canevas, Contrôles, Débutant, JavaScript, Jeux, Souris, Tutoriel

C'est la 9ème étape sur 10 de ce tutoriel Gamedev Canvas. Vous pouvez trouver le code source tel qu'il devrait être après avoir terminé cette leçon à l'adresse Gamedev-Canvas-workshop/lesson9.html.

28 Déplacer la balle 2D, Boucle, Canevas, Débutant, JavaScript, Mouvement, Tutoriel

Voici la deuxième étape de ce tutoriel. Vous pouvez retrouver le code source de cette leçon sur Gamedev-Canvas-workshop/lesson2.html.

29 Raquette et contrôle clavier Canvas, Clavier, Débutant, JavaScript, Jeux, Tuto, Tutoriel, contrôle clavier, graphique

C'est la 4ème étape sur 10 de ce tutoriel Gamedev Canvas. Vous pouvez retrouver le code source de cette leçon sur Gamedev-Canvas-workshop/lesson4.html.

30 Suivre le score et gagner

Ceci est la 8ème étape de ce tutoriel Gamedev Canvas. Vous pouvez trouver le code source tel qu'il devrait être après avoir terminé cette leçon à : Gamedev-Canvas-workshop/lesson8.html.

31 Jeu 2D avec l'API Device orientation
Dans ce tutoriel, nous allons passer par le processus de construction d'un jeu mobile HTML5 qui utilise les API  Device Orientation  et Vibration   pour améliorer le "gameplay" et est construit avec le "framework" Phaser . La connaissance JavaScript de base est recommandée pour tirer le meilleur parti de ce tutoriel.