GRAPHISME PAR ORDINATEUR SIF-1032. Contenu du cours 10 Graphisme 2D (SpriteBatch, texture)...

GRAPHISME PAR ORDINATEUR

SIF-1032

Contenu du cours 10• Graphisme 2D (SpriteBatch, texture)

– SpriteBatch (utilisation de la classe SpriteBatch)– Textures multiples (animation 2D)– Rotation de textures– Superposition et transparence de textures– Engin de particules

Graphisme 2D (SpriteBatch, texture)

• La classe SpriteBatch peut être utilisée pour introduire et animer des textures dans une scène. Les textures 2D sont en fait des images 2D qui peuvent être insérées dans notre scène

• Pour permettre l’utilisation de textures il faut d’abord réserver l’espace pour stocker les images 2D par ces déclarations dans la classe de notre jeu:

• Ensuite nous pouvons charger nos textures dans la méthode LoadContent():


• Déclaration d’une classe SpriteBatch et instantiation de la classe SpriteBatch dans la méthode LoadContent()

• Pour dessiner une texture avec la méthode Draw() de la classe SpriteBatch appelée dans la méthode Draw() de notre jeu:


• Affichage du background


• Ajout d’autres textures en utilisant un mode d’affichage différent


• Ajout d’autres textures en utilisant un mode d’affichage différent (Affichage)


• Nous pouvons animer des objets 2D en utilisant différentes images du même objet à des positions différentes que nous affichons ensuite en séquence. Une série d’images du même objet peut être associée à un atlas de textures. Un atlas de textures est une grande image de toutes les textures impliquées dans l’animation


• Pour créer une animation à partir d’un atlas de textures nous devons d’abord créer une nouvelle classe (ex: AnimatedSprite.cs)

• Ajout des énoncés using suivants:

• Ajout des variables d’instance:


• Code de la méthode Update():

• Code la méthode Draw():

• width et height sont les largeur et hauteur de la texture

• Columns et Rows la largeur et hauteur de l’atlas de texture

• row et colomn les indices de la texture dans l’atlas


• Code de la classe AnimatedSprite:


• Utilisation de la classe AnimatedSprite (Insertion dans la classe principale de notre jeu)

• Chargement de l’atlas de texture et instantiation de la classe AnimatedSprite

• Mise à jour de la texture (sélection de la texture) par la méthode Update() de la classe AnimatedSprite

• Appel de la méthode Draw() de la classe AnimatedSprite


• Affichage de l’atlas de textures


• Code de l’application


• Code de l’application (suite…)


• Si nous voulons faire la rotation d’un texture, nous pourrions ajouter à la section déclaration de notre classe principale

• Charger la texture dans la méthode LoadContent()

• Faire la mise-à-jour de l’angle dans la méthode Update()


• Affichage d’une texture avec une rotation avec la méthode Draw()


• Les effets de superposition de couleur et de transparence permettent de superposer des objets. Si nous utilisons un modèle de superposition additif nous pourrions avoir comme mélange de couleur:


• Création et Chargement de textures permettant la superposition de couleur (exemple)

• Pour permettre le mouvement de ces textures


• Mise-à-jour des angles (Update()) et positions des textures et affichage des textures (Draw())


• Affichage de textures superposées


• Création d’un engin de particules, création d’une classe Particule, déclaration des variables d’instance de cette classe


• Classe Particule, méthode Update(), méthode Draw()

• Une particule se déplace et subit une rotation ainsi qu’une durée de vie décroissante (TTL--)


• Code la classe Particule


• Création d’un engin de particules, création d’une classe ParticuleEngine, déclaration des variables d’instance de cette classe, code du constructeur de cette classe


• Code du générateur de particule de la classe ParticuleEngine


• Code de la méthode Update() de la classe ParticuleEngine


• Code de la méthode Draw() de la classe ParticuleEngine


• Code complet de la classe ParticuleEngine


• Code complet de la classe ParticuleEngine (suite …)


• Création d’une instance de la classe ParticuleEngine , chargement des textures (particules) par la méthode LoadContent(), mise-à-jour du générateur de particules dans la méthode Update():


• Affichage découlant de l’exécution du générateur de particules


• Code complet du jeu


• Code complet du jeu (suite …)

GRAPHISME PAR ORDINATEUR SIF-1032. Contenu du cours 10 Graphisme 2D (SpriteBatch, texture)...

Documents

Transcript of GRAPHISME PAR ORDINATEUR SIF-1032. Contenu du cours 10 Graphisme 2D (SpriteBatch, texture)...