Introduction aux Jeux Vidéo<br />
Introduction aux jeux vidéo<br />Les jeux vidéo<br />Qu’est-ce que c’est ?<br />Fonctionnement<br />Comment ça marche ?<br...
Les Jeux Vidéo<br />
Les Jeux Vidéo<br /><ul><li>« Un jeu vidéo est un jeu utilisant un dispositif informatique. Le joueur utilise des périphér...
Wikipedia Fr
Les jeux vidéo sont des programmes informatique. Leur but est de modifier des données</li></ul>Qu’est-ce qu’un Jeu Vidéo ?...
Les Jeux Vidéo<br />Les entrées peuvent être de plusieurs formes :<br />Manettes<br />Clavier<br />Souris<br />Camera<br /...
Les Jeux Vidéo<br />Les sorties sont aussi de diverses formes :<br />Vidéo<br />Audio<br />Vibrations et retours de force<...
Les Jeux Vidéo<br />Les débuts dans années 1950 avec OXO et Tennis for Two<br />Les grand débuts de l’industrie du Jeu Vid...
Principe de Fonctionnement<br />
Principe de Fonctionnement<br />Un jeu vidéo c’est :<br />Le chargement des données<br />Une boucle infinie comprenant :<b...
Principe de Fonctionnement<br />Comment ca marche<br />Récupération des Entrées<br />Update( DeltaTime )<br />Tant que le ...
Principe de Fonctionnement<br />Update permet de faire évoluer les entités du jeu<br />Le DeltaTime est le nombre de secon...
Principe de Fonctionnement<br />Le FPS :<br />Le FPS (Frames Per Seconde) est la fréquence de rafraichissement du jeu<br /...
Principe de Fonctionnement<br />Pourquoi utiliser une variation du temps ?<br />Pour éviter le problème des machine hétéro...
La 2D<br />
Principe de Fonctionnement<br />La 2D<br />L’origine du repère se trouve en haut à gauche de l’écran<br />Le Double buffer...
Principe de Fonctionnement<br />Sprite :  C’est une image 2D<br />Ces sprites sont affichés à l’écran à partir de coordonn...
Exemple : Affichage d’une image de 100*100px à la position (400;300) dans un écran de 800*600px<br />Principe de Fonctionn...
Principe de Fonctionnement<br />Les opérations possibles sur les Sprites :<br />Rotation<br />Redimensionnement<br />Filtr...
Principe de Fonctionnement<br />La 2D<br />Les SpriteSheet<br />Une "planche" de sprites, c'est une grosse image regroupan...
Principe de Fonctionnement<br />Ecrire du texte :<br />Revient à afficher plusieurs fois ce spritesheet en utilisant le « ...
Prochain SlideShare
Chargement dans…5
×

Incubateur Toulousain - Introduction au XNA - Damien Paludetto (26/01/2011)

1 046 vues

Publié le

0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
1 046
Sur SlideShare
0
Issues des intégrations
0
Intégrations
227
Actions
Partages
0
Téléchargements
0
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Incubateur Toulousain - Introduction au XNA - Damien Paludetto (26/01/2011)

  1. 1. Introduction aux Jeux Vidéo<br />
  2. 2. Introduction aux jeux vidéo<br />Les jeux vidéo<br />Qu’est-ce que c’est ?<br />Fonctionnement<br />Comment ça marche ?<br />La 2D<br />Qu’est ce qui fait un Jeu ?<br />Sommaire<br />
  3. 3. Les Jeux Vidéo<br />
  4. 4. Les Jeux Vidéo<br /><ul><li>« Un jeu vidéo est un jeu utilisant un dispositif informatique. Le joueur utilise des périphériques pour agir sur le jeu et percevoir l’environnement virtuel. »
  5. 5. Wikipedia Fr
  6. 6. Les jeux vidéo sont des programmes informatique. Leur but est de modifier des données</li></ul>Qu’est-ce qu’un Jeu Vidéo ?<br />
  7. 7. Les Jeux Vidéo<br />Les entrées peuvent être de plusieurs formes :<br />Manettes<br />Clavier<br />Souris<br />Camera<br />Stylet<br />Accéléromètre<br />Micro<br />Etc…<br />Les entrées<br />
  8. 8. Les Jeux Vidéo<br />Les sorties sont aussi de diverses formes :<br />Vidéo<br />Audio<br />Vibrations et retours de force<br />Etc …<br />Les sorties<br />
  9. 9. Les Jeux Vidéo<br />Les débuts dans années 1950 avec OXO et Tennis for Two<br />Les grand débuts de l’industrie du Jeu Vidéo en 1972 avec le premier « succès » : Pong<br />Un peu d’histoire<br />
  10. 10. Principe de Fonctionnement<br />
  11. 11. Principe de Fonctionnement<br />Un jeu vidéo c’est :<br />Le chargement des données<br />Une boucle infinie comprenant :<br />L’inspection des touches<br />La mise à jour du jeu (Update)<br />Le dessin de la simulation (Draw)<br />L’affichage de ce dessin à l’écran<br />Comment ca marche<br />
  12. 12. Principe de Fonctionnement<br />Comment ca marche<br />Récupération des Entrées<br />Update( DeltaTime )<br />Tant que le jeu tourne<br />Draw()<br />Afficher l’image<br />
  13. 13. Principe de Fonctionnement<br />Update permet de faire évoluer les entités du jeu<br />Le DeltaTime est le nombre de secondes écoulé entre deux Updates<br />Comment ca marche : La mise à jour<br />
  14. 14. Principe de Fonctionnement<br />Le FPS :<br />Le FPS (Frames Per Seconde) est la fréquence de rafraichissement du jeu<br />FPS = 1 / DeltaTime<br />Il permet de synchroniser le jeu avec le temps (mouvement = vitesse * DeltaTime)<br />Il ne doit pas descendre sous 30 et l’objectif est de 60 (il est entre 60 et 70 en général)<br />Comment ca marche : La mise à jour<br />
  15. 15. Principe de Fonctionnement<br />Pourquoi utiliser une variation du temps ?<br />Pour éviter le problème des machine hétéroclites<br />Plus une machine est puissante, plus l’appel de l’Update sera rapide (et donc fréquent)<br />Autres solutions :<br />Appeler la méthode Update à un intervalle régulier (surtout dans les jeux en réseau et ceux avec de la physique)<br />Comment ca marche : La mise à jour<br />
  16. 16. La 2D<br />
  17. 17. Principe de Fonctionnement<br />La 2D<br />L’origine du repère se trouve en haut à gauche de l’écran<br />Le Double buffering :<br />On ne dessine pas directement à l'écran, mais dans une image ayant la taille de l'écran ("back buffer")<br />Et ce n'est que lorsque l'on a fini de tout dessiner que l'on envoi cette image à l'écran<br />Cela évite que l'écran n'affiche une image incomplète parce qu'on a pas fini de dessiner<br />Plus de détails quand on verra la 3D !<br />
  18. 18. Principe de Fonctionnement<br />Sprite : C’est une image 2D<br />Ces sprites sont affichés à l’écran à partir de coordonnées 2D (x;y).<br />L’origine des sprites dessinés se trouve en haut à gauche<br />La 2D<br />
  19. 19. Exemple : Affichage d’une image de 100*100px à la position (400;300) dans un écran de 800*600px<br />Principe de Fonctionnement<br />La 2D<br />
  20. 20. Principe de Fonctionnement<br />Les opérations possibles sur les Sprites :<br />Rotation<br />Redimensionnement<br />Filtres de couleur<br />Masques de transparence<br />Clipping<br />La 2D<br />
  21. 21. Principe de Fonctionnement<br />La 2D<br />Les SpriteSheet<br />Une "planche" de sprites, c'est une grosse image regroupant plusieurs petits sprites<br />Plus pratique à manipuler, moins de fichiers, plus léger !<br />Utilisé pour l'animation<br />Lors de l'affichage on peut choisir quelle partie de l'image on veut dessiner (c'est le "clipping")<br />
  22. 22. Principe de Fonctionnement<br />Ecrire du texte :<br />Revient à afficher plusieurs fois ce spritesheet en utilisant le « clipping »<br />La 2D<br />
  23. 23. Qu’est ce qui fait un jeu vidéo ?<br />Ce qui fait un jeu :<br />Un game design <br />Des graphismes<br />Du son<br />Une architecture adaptée<br />
  24. 24. And<br />

×