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

Contenu connexe

Tendances

Cours informatique chapitre 1 ordinateur et système d'exploitation 7ème
Cours informatique chapitre 1 ordinateur et système d'exploitation   7ème Cours informatique chapitre 1 ordinateur et système d'exploitation   7ème
Cours informatique chapitre 1 ordinateur et système d'exploitation 7ème Tunisie collège
 
Introduction&composants
Introduction&composantsIntroduction&composants
Introduction&composantsAnissa Teyeb
 
A la découverte de l'ordinateur
A la découverte de l'ordinateurA la découverte de l'ordinateur
A la découverte de l'ordinateurtoyviam
 
Image Numérique - Notions Techniques
Image Numérique - Notions TechniquesImage Numérique - Notions Techniques
Image Numérique - Notions Techniquesguestdc3a91
 
les composannt d'un ordinateur
les composannt d'un ordinateurles composannt d'un ordinateur
les composannt d'un ordinateurboukrab
 
Architecture de l'ordinateur Et Systeme d'exploitation
Architecture de l'ordinateur Et Systeme d'exploitationArchitecture de l'ordinateur Et Systeme d'exploitation
Architecture de l'ordinateur Et Systeme d'exploitationTunisie collège
 
Exploiter un poste informatique1
Exploiter un poste informatique1Exploiter un poste informatique1
Exploiter un poste informatique1fangaucatic
 
Chapitre 1 l'ordinateur
Chapitre 1 l'ordinateurChapitre 1 l'ordinateur
Chapitre 1 l'ordinateurMansour Dieng
 
Les unités courantes en informatique
Les unités courantes en informatiqueLes unités courantes en informatique
Les unités courantes en informatiquealexartiste
 

Tendances (18)

Initiation à la retouche d’images
Initiation à la retouche d’imagesInitiation à la retouche d’images
Initiation à la retouche d’images
 
Cours informatique chapitre 1 ordinateur et système d'exploitation 7ème
Cours informatique chapitre 1 ordinateur et système d'exploitation   7ème Cours informatique chapitre 1 ordinateur et système d'exploitation   7ème
Cours informatique chapitre 1 ordinateur et système d'exploitation 7ème
 
Composants
ComposantsComposants
Composants
 
Introduction&composants
Introduction&composantsIntroduction&composants
Introduction&composants
 
software - système d'exploitation
   software - système d'exploitation   software - système d'exploitation
software - système d'exploitation
 
Initiation à la retouche d’images.2012
Initiation à la retouche d’images.2012Initiation à la retouche d’images.2012
Initiation à la retouche d’images.2012
 
Système d exploitation xp & 7 partie 2 module 1
Système d exploitation xp & 7 partie 2 module 1Système d exploitation xp & 7 partie 2 module 1
Système d exploitation xp & 7 partie 2 module 1
 
l'ordinateur
l'ordinateurl'ordinateur
l'ordinateur
 
A la découverte de l'ordinateur
A la découverte de l'ordinateurA la découverte de l'ordinateur
A la découverte de l'ordinateur
 
Initiation à la retouche d’images.Utilisation de Paint.net
Initiation à la retouche d’images.Utilisation de Paint.netInitiation à la retouche d’images.Utilisation de Paint.net
Initiation à la retouche d’images.Utilisation de Paint.net
 
Image Numérique - Notions Techniques
Image Numérique - Notions TechniquesImage Numérique - Notions Techniques
Image Numérique - Notions Techniques
 
les composannt d'un ordinateur
les composannt d'un ordinateurles composannt d'un ordinateur
les composannt d'un ordinateur
 
Architecture de l'ordinateur Et Systeme d'exploitation
Architecture de l'ordinateur Et Systeme d'exploitationArchitecture de l'ordinateur Et Systeme d'exploitation
Architecture de l'ordinateur Et Systeme d'exploitation
 
Projet bt1 informatique
Projet bt1 informatiqueProjet bt1 informatique
Projet bt1 informatique
 
Exploiter un poste informatique1
Exploiter un poste informatique1Exploiter un poste informatique1
Exploiter un poste informatique1
 
Chapitre 1 l'ordinateur
Chapitre 1 l'ordinateurChapitre 1 l'ordinateur
Chapitre 1 l'ordinateur
 
Exercice2
Exercice2Exercice2
Exercice2
 
Les unités courantes en informatique
Les unités courantes en informatiqueLes unités courantes en informatique
Les unités courantes en informatique
 

En vedette

IWMW 2003 b4 QA for web sites (3 Intro to Quality)
IWMW 2003 b4 QA for web sites (3 Intro to Quality)IWMW 2003 b4 QA for web sites (3 Intro to Quality)
IWMW 2003 b4 QA for web sites (3 Intro to Quality)IWMW
 
Tpn°4 poster punto g.pptx
Tpn°4 poster punto g.pptxTpn°4 poster punto g.pptx
Tpn°4 poster punto g.pptxfernando sauer
 
XNN001 Nutrition assessment in individuals and populations
XNN001 Nutrition assessment in individuals and populationsXNN001 Nutrition assessment in individuals and populations
XNN001 Nutrition assessment in individuals and populationsramseyr
 
Laporan ti spss nisadilla n.a (21040114060053)
Laporan ti spss nisadilla n.a (21040114060053)Laporan ti spss nisadilla n.a (21040114060053)
Laporan ti spss nisadilla n.a (21040114060053)Nisadilla Hartoyo
 
IWMW 2006: Archiving the Web What can Institutions learn from National and In...
IWMW 2006: Archiving the Web What can Institutions learn from National and In...IWMW 2006: Archiving the Web What can Institutions learn from National and In...
IWMW 2006: Archiving the Web What can Institutions learn from National and In...IWMW
 
Mahara atelier de prise en main
Mahara   atelier de prise en mainMahara   atelier de prise en main
Mahara atelier de prise en mainNicolas Thorel
 
PDP session law
PDP session lawPDP session law
PDP session lawcpjcollege
 
Reimagining capitalism - Principles of people centered economics
Reimagining capitalism -  Principles of people centered economicsReimagining capitalism -  Principles of people centered economics
Reimagining capitalism - Principles of people centered economicsJeff Mowatt
 
Example research questions
Example research questionsExample research questions
Example research questionstheelliotthouse
 
IWMW 1999: Web SIte Security
IWMW 1999: Web SIte SecurityIWMW 1999: Web SIte Security
IWMW 1999: Web SIte SecurityIWMW
 
Key Concepts Of Effective Self-Management
Key Concepts Of Effective Self-ManagementKey Concepts Of Effective Self-Management
Key Concepts Of Effective Self-ManagementThorsten Sachtje
 
Paper - Analisa Website Dinomarket.com
Paper - Analisa Website Dinomarket.comPaper - Analisa Website Dinomarket.com
Paper - Analisa Website Dinomarket.comOptima Mijatovic
 
L’attractivité de la France selon les responsables des sociétés étrangères in...
L’attractivité de la France selon les responsables des sociétés étrangères in...L’attractivité de la France selon les responsables des sociétés étrangères in...
L’attractivité de la France selon les responsables des sociétés étrangères in...Ipsos France
 
Epidemiological study designs
Epidemiological study designsEpidemiological study designs
Epidemiological study designsjarati
 
Business model mixer for consulting
Business model mixer for consultingBusiness model mixer for consulting
Business model mixer for consultingArd-Pieter de Man
 

En vedette (20)

ICT Guided Tour Asia Ed. 2015
ICT Guided Tour Asia Ed. 2015ICT Guided Tour Asia Ed. 2015
ICT Guided Tour Asia Ed. 2015
 
IWMW 2003 b4 QA for web sites (3 Intro to Quality)
IWMW 2003 b4 QA for web sites (3 Intro to Quality)IWMW 2003 b4 QA for web sites (3 Intro to Quality)
IWMW 2003 b4 QA for web sites (3 Intro to Quality)
 
Tpn°4 poster punto g.pptx
Tpn°4 poster punto g.pptxTpn°4 poster punto g.pptx
Tpn°4 poster punto g.pptx
 
Corporate Lobbying Information
Corporate Lobbying InformationCorporate Lobbying Information
Corporate Lobbying Information
 
XNN001 Nutrition assessment in individuals and populations
XNN001 Nutrition assessment in individuals and populationsXNN001 Nutrition assessment in individuals and populations
XNN001 Nutrition assessment in individuals and populations
 
Laporan ti spss nisadilla n.a (21040114060053)
Laporan ti spss nisadilla n.a (21040114060053)Laporan ti spss nisadilla n.a (21040114060053)
Laporan ti spss nisadilla n.a (21040114060053)
 
IWMW 2006: Archiving the Web What can Institutions learn from National and In...
IWMW 2006: Archiving the Web What can Institutions learn from National and In...IWMW 2006: Archiving the Web What can Institutions learn from National and In...
IWMW 2006: Archiving the Web What can Institutions learn from National and In...
 
Italia
ItaliaItalia
Italia
 
Mahara atelier de prise en main
Mahara   atelier de prise en mainMahara   atelier de prise en main
Mahara atelier de prise en main
 
PDP session law
PDP session lawPDP session law
PDP session law
 
Reimagining capitalism - Principles of people centered economics
Reimagining capitalism -  Principles of people centered economicsReimagining capitalism -  Principles of people centered economics
Reimagining capitalism - Principles of people centered economics
 
Example research questions
Example research questionsExample research questions
Example research questions
 
Karl marx
Karl marxKarl marx
Karl marx
 
IWMW 1999: Web SIte Security
IWMW 1999: Web SIte SecurityIWMW 1999: Web SIte Security
IWMW 1999: Web SIte Security
 
Key Concepts Of Effective Self-Management
Key Concepts Of Effective Self-ManagementKey Concepts Of Effective Self-Management
Key Concepts Of Effective Self-Management
 
Paper - Analisa Website Dinomarket.com
Paper - Analisa Website Dinomarket.comPaper - Analisa Website Dinomarket.com
Paper - Analisa Website Dinomarket.com
 
L’attractivité de la France selon les responsables des sociétés étrangères in...
L’attractivité de la France selon les responsables des sociétés étrangères in...L’attractivité de la France selon les responsables des sociétés étrangères in...
L’attractivité de la France selon les responsables des sociétés étrangères in...
 
Epidemiological study designs
Epidemiological study designsEpidemiological study designs
Epidemiological study designs
 
Business model mixer for consulting
Business model mixer for consultingBusiness model mixer for consulting
Business model mixer for consulting
 
Managing Waqf in Turkey and Malaysia for Educational Development. The Best Pr...
Managing Waqf in Turkey and Malaysia for Educational Development. The Best Pr...Managing Waqf in Turkey and Malaysia for Educational Development. The Best Pr...
Managing Waqf in Turkey and Malaysia for Educational Development. The Best Pr...
 

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

Présentation : Projet de Fin d'etude ' PFE ' 2018 : Conception et Réalisation...
Présentation : Projet de Fin d'etude ' PFE ' 2018 : Conception et Réalisation...Présentation : Projet de Fin d'etude ' PFE ' 2018 : Conception et Réalisation...
Présentation : Projet de Fin d'etude ' PFE ' 2018 : Conception et Réalisation...Achraf Frouja
 
La conception et la realisation d'un mediaplayer
La conception et la realisation d'un mediaplayerLa conception et la realisation d'un mediaplayer
La conception et la realisation d'un mediaplayeratef bentahar
 
Alphorm.com Formation Blender 2.7x - L'essentiel
Alphorm.com Formation Blender 2.7x - L'essentielAlphorm.com Formation Blender 2.7x - L'essentiel
Alphorm.com Formation Blender 2.7x - L'essentielAlphorm
 
Manuel de redaction_v2
Manuel de redaction_v2Manuel de redaction_v2
Manuel de redaction_v2Goudie35
 
Optimiser Le Poids Des Photos
Optimiser Le Poids Des PhotosOptimiser Le Poids Des Photos
Optimiser Le Poids Des Photosalexartiste
 
Découverte et prise en main de l'outil de programmation Scratch
Découverte et prise en main de l'outil de programmation ScratchDécouverte et prise en main de l'outil de programmation Scratch
Découverte et prise en main de l'outil de programmation ScratchJulien Devriendt
 
ToulouseJS - Javascript multiplayer game
ToulouseJS - Javascript multiplayer gameToulouseJS - Javascript multiplayer game
ToulouseJS - Javascript multiplayer gameCyrille Bogaert
 
.NET Microframework: du code, de l’électronique, de la robotique
.NET Microframework: du code, de l’électronique, de la robotique.NET Microframework: du code, de l’électronique, de la robotique
.NET Microframework: du code, de l’électronique, de la robotiqueMicrosoft
 
La retouche photo - atelier de formation
La retouche photo - atelier de formationLa retouche photo - atelier de formation
La retouche photo - atelier de formationCEFAC
 
Créer des jeux pour Windows Phone et Windows Store avec Unity
Créer des jeux pour Windows Phone et Windows Store avec UnityCréer des jeux pour Windows Phone et Windows Store avec Unity
Créer des jeux pour Windows Phone et Windows Store avec UnityMicrosoft
 
Découverte et prise en main de l'outil Wick Editor
Découverte et prise en main de l'outil Wick EditorDécouverte et prise en main de l'outil Wick Editor
Découverte et prise en main de l'outil Wick EditorJulien Devriendt
 
Jeux vidéo sur mobile - Unity3d
Jeux vidéo sur mobile - Unity3dJeux vidéo sur mobile - Unity3d
Jeux vidéo sur mobile - Unity3dXavier MARIN
 

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

Présentation : Projet de Fin d'etude ' PFE ' 2018 : Conception et Réalisation...
Présentation : Projet de Fin d'etude ' PFE ' 2018 : Conception et Réalisation...Présentation : Projet de Fin d'etude ' PFE ' 2018 : Conception et Réalisation...
Présentation : Projet de Fin d'etude ' PFE ' 2018 : Conception et Réalisation...
 
La conception et la realisation d'un mediaplayer
La conception et la realisation d'un mediaplayerLa conception et la realisation d'un mediaplayer
La conception et la realisation d'un mediaplayer
 
Photofiltre
Photofiltre Photofiltre
Photofiltre
 
Alphorm.com Formation Blender 2.7x - L'essentiel
Alphorm.com Formation Blender 2.7x - L'essentielAlphorm.com Formation Blender 2.7x - L'essentiel
Alphorm.com Formation Blender 2.7x - L'essentiel
 
Manuel de redaction_v2
Manuel de redaction_v2Manuel de redaction_v2
Manuel de redaction_v2
 
Optimiser Le Poids Des Photos
Optimiser Le Poids Des PhotosOptimiser Le Poids Des Photos
Optimiser Le Poids Des Photos
 
Découverte et prise en main de l'outil de programmation Scratch
Découverte et prise en main de l'outil de programmation ScratchDécouverte et prise en main de l'outil de programmation Scratch
Découverte et prise en main de l'outil de programmation Scratch
 
Toonpadessentiel2
Toonpadessentiel2Toonpadessentiel2
Toonpadessentiel2
 
ToulouseJS - Javascript multiplayer game
ToulouseJS - Javascript multiplayer gameToulouseJS - Javascript multiplayer game
ToulouseJS - Javascript multiplayer game
 
WPF.pptx
WPF.pptxWPF.pptx
WPF.pptx
 
Logiciels 3d-112-ktcufc
Logiciels 3d-112-ktcufcLogiciels 3d-112-ktcufc
Logiciels 3d-112-ktcufc
 
.NET Microframework: du code, de l’électronique, de la robotique
.NET Microframework: du code, de l’électronique, de la robotique.NET Microframework: du code, de l’électronique, de la robotique
.NET Microframework: du code, de l’électronique, de la robotique
 
La retouche photo - atelier de formation
La retouche photo - atelier de formationLa retouche photo - atelier de formation
La retouche photo - atelier de formation
 
Atelier retouche Photo
Atelier retouche PhotoAtelier retouche Photo
Atelier retouche Photo
 
Créer des jeux pour Windows Phone et Windows Store avec Unity
Créer des jeux pour Windows Phone et Windows Store avec UnityCréer des jeux pour Windows Phone et Windows Store avec Unity
Créer des jeux pour Windows Phone et Windows Store avec Unity
 
IoT.pptx
IoT.pptxIoT.pptx
IoT.pptx
 
Découverte et prise en main de l'outil Wick Editor
Découverte et prise en main de l'outil Wick EditorDécouverte et prise en main de l'outil Wick Editor
Découverte et prise en main de l'outil Wick Editor
 
Jeux vidéo sur mobile - Unity3d
Jeux vidéo sur mobile - Unity3dJeux vidéo sur mobile - Unity3d
Jeux vidéo sur mobile - Unity3d
 
Ogre 3D : une introduction
Ogre 3D : une introductionOgre 3D : une introduction
Ogre 3D : une introduction
 
Formation ps
Formation psFormation ps
Formation ps
 

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

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