Tutoriel de défilement parallaxe avec XNA

J'avais promis que dans ce tutoriel, nous attaquerions le vif du sujet, à savoir notre premier dessin en XNA. J'ai choisi de ne pas faire trop compliqué pour un premier rendu, et nous allons donc nous intéresser à la création d'un SplashScreen pour notre jeu.

Mais avant toute chose, il y a certains tutoriaux que je vous conseille de consulter, car ces derniers seront utilisés dans celui-ci:

• Les bases d'un système d'horloge et de décompte du temps avec XNA
• Les horloges avec XNA
• Rajout de méthodes évènementielles sur les horloges
• Tutoriel sur les transitions

Nous avons déjà vu dans les tutoriaux "Gestion du temps - chronomètre et décompte pour XNA" et "Utilisations d'horloges avec XNA" une première façon de gérer le temps sous XNA.

Nous allons aujourd'hui mettre à jour la classe TimerBase ainsi que la classe Timer vu dans ces deux tutos afin de les utiliser dans un système de transitions (easing en anglais) que nous verrons dans un tutoriel ultérieur.

La gestion du temps dans un jeu vidéo est une chose que l'on retrouve partout. Que ce soit évident, comme un décompte avant un check-point dans un jeu de voiture, ou plus subtil, comme le temps d'un fondu progressif, la notion temporelle est utilisée intensément, et il en va de même pour un jeu XNA.

Heureusement pour nous, la méthode Update() et son objet GameTime passé en paramètre nous simplifie bien la vie, mais ce n'est pas suffisant pour faire du code propre. Après m'être renseigné sur le canal IRC #xna sur EFNet (qui rassemble une grande partie des développeurs XNA d'outre-manche et d'outre-Atlantique), je me suis rendu compte que la plupart du temps, les utilisateurs géraient le temps via des variables flottantes dans les GameComponent; cette méthode, très simple, a déjà fait ses preuves. Mais l'on peut mieux faire que:

• Mode texte
• Copier

    /// <summary>
    /// Allows the game to run logic such as updating the world,
    /// checking for collisions, gathering input, and playing audio.
    /// </summary>
    /// <param name="gameTime">Provides a snapshot of timing values.</param>
    protected override void Update(GameTime gameTime)
    {
      time += gameTime.ElapsedGameTime.TotalMilliseconds;
 
      if (time >= 60000)
      {
        DoSomething();
      }

Nous allons voir dans cet article deux petites classes, qui seront extensibles à souhait, pour gérer le temps. Nous commencerons avec la classe TimerBase qui représente une implémentation abstraite de base de gestion du temps, et une classe Countdown, qui représente un décompte temporel, et qui permet d'appeler une méthode à la fin de ce décompte.

Quand on développe un jeu sur Xbox, on n'a pas trop besoin de s'inquiéter des options de configuration; en effet, la Xbox étant une machine fermée, l'utilisateur final n'ira jamais changer de carte graphique, pour avoir une meilleure résolution ou de plus joli graphismes. Toutefois, avec les PC, c'est une autre galère: chaque utilisateur dispose d'un matériel différent, et même la configuration du clavier et de la souris peut changer suivant les pays (qui se souvient encore devoir taper le texte en "qwerty" parce que le jeu était programmé pour un clavier américain, laissant des souvenirs impérissables comme le "j'te niaue q lq kqlqsh111" de Counter Strike?)

Le but de notre tutoriel aujourd'hui est donc de pouvoir rajouter un système de configuration à notre jeu XNA. Par chance, sous Windows, nous ne sommes pas limité à la version compacte du Framework .Net, et nous pouvons donc utiliser toutes les classes fournies par Microsoft dans le Framework .Net pour arriver à nos fins. Par chance, il se trouve que la version 2.0 du framework .Net implémente déjà un système de configuration très (voire trop...) complet via l'espace de nom System.Configuration contenu dans la librairie du même nom (qu'il faudra donc ajouter à votre projet avant de continuer).

Maintenant que nous avons vu en gros la structure d'un jeu XNA, nous pouvons commencer à mettre les mains dans le code. Avant toute chose, il vous faudra installer les choses suivantes sur votre ordinateur:

• Microsoft Visual Studio 2008 Express: C'est l'IDE qui vous permettra d'écrire vos propres logiciels. Très puissant, même pour la version Express, celui ci écrase toute concurrence en ce qui concerne la programmation via le framework .Net. De plus, c'est le seul IDE à permettre une intégration aussi poussée avec le framework XNA.
• Microsoft XNA Game Studio 3.0: C'est un package d'extensions qui va s'intégrer dans votre IDE et qui vous permettra de créer directement des jeux.

ReCreation Studios vient de publier quelques captures d'écrans de son génération procédurale de villes avec XNA. Basé sur des papiers publiés en 2001 au SIGGRAPH (le projet Metropolis).

Le principe de la génération procédurale de villes permet de générer des villes qui s'adaptent parfaitement à la topologie du terrain, ce qui permet, suivant les conditions initiales, d'obtenir des villes différentes à chaque coup.

Avant de commencer votre premier jeu vidéo, une petite rétrospective est certainement nécessaire, pour savoir dans quoi vous allez mettre les pieds. La création de jeux vidéos nécessite d'au minimum un peu de background, pour savoir de quoi on parle, et un peu de culture générale n'a jamais fait de mal à personne.

De plus, il vous faudra quelques connaissances dans le domaine de la programmation orienté objet. Ce tutoriel n'a pas vocation à vous apprendre à programmer, mais surtout à utiliser le framework XNA. En effet l'apprentissage de la programmation est long, et c'est pour ca qu'il y a des formations officielles pour ce genre de choses (IUT Informatique de Gestion, cursus d'ingénieurs en informatique...). Et si d'ailleurs vous n'avez pas commencé de cursus secondaire, et que la programmation vous intéresse, nous ne pouvons que vous conseiller de vous orienter vers ce genre de formation.

Un nouvel article vient d'être publié sur le site de Serious Games Source:

Vous pouvez consulter l'article en entier sur le site de Serious Games Source.

Mise à jour: De plus amples informations peuvent être trouvé sur le site de l'université de New-York, à l'adresse suivante.

DangerousIdea vient de proposer un nouveau composant pour XNA 3.0 sur les forums officiels de XNA. Ce composant, qui s'enregistre en tant que service, permet d'afficher le contenu d'un stream de Webcam via la librairie DirectShow.Net.

Vous pouvez consulter le thread complet sur les Forums XNA pour en apprendre plus.