Graphic Stream

Le projet Arcane

valentin — Thu, 01 Oct 2009 16:31:00 GMT

Une autre petite vidéo de mon editeur en ligne aujourd'hui dans une version WPF.

J'essayerais de mettre la version avec la gestion des objets 3D avant la fin du mois.

(Please visit the site to view this media)

La béta 1 est prévue pour fin decembre.

Valentin

Microsoft Security Essential : L'Anti virus gratuit de Microsoft

valentin — Wed, 30 Sep 2009 05:57:00 GMT

Microsoft a lancé hier soir son nouveau programme gratuit offrant une protection contre les virus

http://www.microsoft.com/security_essentials/default.aspx?mkt=fr-fr

Essayé, et approuvé (léger et rapide au premier abord),

A bientôt sur ce Blog !

Arrivée du Zune HD et sortie du "Microsoft XNA Game Studio 3.1 Zune Extensions"

valentin — Wed, 16 Sep 2009 09:25:00 GMT

Le June HD fait aujourd'hui son entrée sur le marché US. Le nouveau baladeur de Microsoft audio-vidéo frappe plutôt fort : Il s'appuie sur un écran OLED tactile de 3,3 pouces, une connexion au web et une compatibilité avec les principaux formats audio et vidéo. Il sera vendu 220 et 290 dollars, pour les versions 16 et 32 Go. L'objectif étant de concurrencer l'iPod Touch, dont le prix vient justement de baisser, et le Sony Walkman X. On peut accéder au 5 millions de morceaux de musique du Zune Music Store en téléchargement illimité moyennant un abonnement mensuel de 14,99 dollars. Le portail Zune propose aussi des films et des séries TV.

A priori il est déjà en rupture de stock dans de nombreux magasins.

Evidemment ce qui nous interesse c'est le coté jeu et la partie Xna : Le kiosque Zune en ligne (Zune Marketplace) propose des applications développées uniquement par Microsoft pour le Zune HD. Pour le moment rien de transcendant (MSN Weather, une calculatrice, des jeux) mais on annonce pour la fin de l'année des applications pour Facebook et Twitter et des jeux : Project Gotham Racing: Ferrari Edition, Vans Sk8: Pool Service, et Audiosurf. Pour le moment, le Zune Marketplace n'a pas prévu de s'ouvrir aux développeurs tiers.

En outre une annonce a été faite par la Xna Team (Michael Klucher) sur une version 31 du Xna Game Studio adaptée au HD. L'evolution du XGE est désormais disponible ici :

http://www.microsoft.com/downloads/details.aspx?FamilyID=48f7ba37-8ba7-4d16-8873-0b7f83ef77f9&displaylang=en

C'est réellement une très très forte innovation pour la Xna qui repousse fortemenet le potentiel commercial du Xna. Dommage qu'il n'y ai pas d'infos sur une Game Market Place à la Xbox 360.

Les nouveautés du Microsoft XNA Game Studio 3.1 Zune Extensions sont :

Développement sur le Zune HD media player.

Ajout d'une api Touch au XNA Framework dédiée au Zune HD.

Ajout d'une API Accelerometer pour jouer sur la velocité des mouvement sur le touch.

Une petite vidéo sympa sur les possbilités touch de l'appareil :

http://www.youtube.com/watch?v=N4Y1LehYFK0

Kickapps : Une super aubaine pour les fans de développement mobile !

valentin — Thu, 03 Sep 2009 08:24:00 GMT

Microsoft a créé sur la MSDN un espace qui met en avant un ensemble d'applications pour Windows Mobile à destination de ceux qui désireraient faire du dev sur cette plateforme.

Chaque application s'accompagne d'un un descriptif clair, d'une vidéo, de screenshots et surtout des conseils de l’équipe de développement.

Le tout est téléchargeable gratuitement !

Voici le lien vers l’espace en question : http://msdn.microsoft.com/fr-fr/windowsmobile/msdn.kickapps.aspx

Un bon point pour s'initier dans cet univers du client side en plein devenir à l'approche courrant octobre de Windows Mobile 6.5 et des prémices du Windows Phone

(tiens d'ailleur petit lien -> http://www.microsoft.com/presspass/press/2009/sep09/09-01WindowsPhoneAvailablePR.mspx)

Le WriteableBitmap avec Silverlight 3

valentin — Fri, 28 Aug 2009 13:15:00 GMT

Le WriteableBitmap est l'une des évolutions majeure de Silverlight 3.

Il permet de repousser les limites d'affichage de Silverlight, cantonné jusque là au vectoriel, en donnant au développeur la possibilité de travail au niveau du Pixel. Avant Silverlight 3.0 la génération à la volée d'images n'était pas possible nativement. Il fallait soit télécharger l'image générée depuis un serveur soit créer son propre générateur/encodeur. Avec WriteableBitmap (qui hérite de BitmapSource) la génération d'images à partir d'algorithmes, de contrôles ou d'instruction est réellement un jeu d'enfant.

Génération à partir d'un contrôle

Quelques règles à prendre en compte :

Le contrôle doit avoir une taille supérieure à new Size(0,0) evidemment.
Le contrôle doit appartenir à l'arborescence visuelle.
Le contrôle doit être visible.

Le constructeur de la classe WriteableBitmap permet de charger un contrôle sous la forme d'une image en une instruction :

Image image = new Image();//le controle chager
BitmapImage source = new BitmapImage();
source.UriSource = new Uri("./Images/tunnelstonetex.png", UriKind.Relative);
image.Source = source;
this.LayoutRoot.Children.Add(image);
this.texture = new WriteableBitmap(image, null);//on charge le rendu de la texture dans la WriteableBitmap

Le second paramètre du contructeur WriteableBitmap permet de spécifier une transformation à appliquer au rendu de l'objet avant sa "rasterisation" en image. WriteableBitmap possède une méthode nommée Render qui réalise le même travail. Il est en effet possible de créer aussi une image vide en spécifiant simplement la largeur et la hauteur de l'image à créer afin de réaliser un rendu ultérieurement :

this.generatedTexture = new WriteableBitmap(400, 300);

Modification dynamique

Pour montrer la puissance de cette classe nous allons réaliser un rendu visuel dynamique basé sur l'effet du tunnel si cher à Vandevenne. Le but sera, au travers d'un dispatcher de modifier le contenu d'une texture à la volée à partir de valeur extraites d'un algorithme. Cette texture sera alors appliquée au background de notre contrôle root à l'aide d'un brush.

Lorsque la WritableBitmap est créée, l'accès aux pixels de l'image se fait simplement au travers du membre Pixels (array de type int). Attention à bien noter que l'encodage des pixels de l'image se fait en BGRA. L'accès aux différentes composantes d'une couleur ainsi codée se fait simplement au travers de ce type d'instructions :

byte B = (byte)(pixel & 0xFF); pixel >>= 8;
byte G = (byte)(pixel & 0xFF); pixel >>= 8;
byte R = (byte)(pixel & 0xFF); pixel >>= 8;
byte A = (byte)(pixel);

Les membres PixelWidth et PixelHeight donnent respectivement la largeur et la hauteur de la WriteableBitmap. En gros l'array Pixel est de taille PixelWidth*PixelHeight. Mais attention à ne surtout pas utiliser ces membres dans une phase de génération de texture, c'est à dire une phase où les performances doivent être optimales. L'accès à l'accesseur de ces deux propriétés est extremement lent (DepepdencyProperty et instructions itératives ne font pas bon ménage). On ciblera un pixel particulier sur l'image à générer de cette manière :

this.generatedTexture.Pixels[x + y * generatedTextureWidth] = color;

Dans cette instruction x et y représentent les "coordonnées" du pixel à cibler dans la texture. Pixels était un array à une dimension nous multiplions y par la largeur de la texture (le Stride). La valeur color est un entier qui représente la couleur à appliquer en (x,y).

Voilà c'est à peu près tout ce qu'il y'a à savoir su WriteableBitmap. Peut on imaginer plus simple ? Cet article s'accompagne d'un sample téléchargeable ici. Si vous le lancez vous obtenez la sortie suivante :

Utilisation

Les contextes d'utilisation de la WriteableBitmap sont multiples. Pour les jeux vidéos elle offre l'opportunité de pouvoir travailler comme nous l'avons dit au niveau du pixel a la manière de shaders :

Oui, je suis un grand fan de Might and Magic :)

Pour des outils professionnels elle offre de nombreuses possibilités comme par exemple une zoombox :

Un controle que je vendais en indépendant et que j'ai pu refaire à la sauce Silvelight grâce à WriteableBitmap

Ou encore de pouvoir simplement et efficacement réaliser des effets graphiques comme le montre le sample de cet article.

A bientôt sur ce Blog !

Valentin Billotte

Projet Natal

valentin — Fri, 31 Jul 2009 06:38:00 GMT

Microsoft a marqué les esprits avec la présentation de son projet Natal lors de l'E3, qui vise à éliminer purement et simplement la manette de jeu, via la perception des mouvements du joueur. Si le projet est attendu au mieux à la fin de l'année 2010, il devrait néanmoins faire date dans le secteur.

http://www.dailymotion.com/video/x9gsxe_projet-natal-microsoft_videogames

Miam quand le Xna Framework gérera ça !

Annexe : Intégration de Xna dans WPF

valentin — Mon, 20 Jul 2009 11:58:00 GMT

Retourner au sommaire des cours

Il existe de nombreuses méthodes pour afficher des scènes 3D à base de Xna dans un environnement WPF. Certaines souffrent de problèmes de lenteur (réalisées le plus souvent à base de WindowsFormHost), d’autres ne permettent qu’une interaction limitée avec les contrôles et l’interface WPF. Réaliser des affichages multiples comme on peut en avoir dans des logiciels comme Maya devient alors problématique :

Il existe pourtant un moyen, relativement simple d’arriver à ses fins. Ce moyen consiste tout simplement à donner une impression visuelle à l’utilisateur d’une intégration Xna parfaite dans un widget WPF alors qu’il n’en est rien. La clé de cet effet réside dans une parfaite manipulation des fenêtres.

Principe

Nous voulons pouvoir intégrer notre scène Xna dans une interface WPF de la même manière que nous intégrons un Canvas ou un quelconque widget à une interface. Or le meilleur moyen d’afficher une scène 3D en Xna est de l’incorporer dans une fenêtre. Impossible en effet d’obtenir le handle de tout contrôle en WPF comme on peut le faire en Winform. L’astuce consiste alors à réécrire une partie du framework Xna tournant autour de la classe Game. Le but étant de faire hériter une nouvelle classe Game d’un Panel (dans notre cas un Canvas) afin de pouvoir l’intégrer dans l’arborescence visuel WPF. La surface visuelle de ce panel sera ainsi la zone d’affichage de la scène Xna liée. Pourtant nous venons de dire qu’il n’était pas possible d’obtenir un handle d’un contrôle visuel qui n’hérite pas de Window. Comment y afficher de la 3D avec Xna donc ? Nous allons tout simplement afficher une fenêtre sans bordure exactement au dessus de ce panel. Cette fenêtre sera toujours au dessus lorsque l’application aura le focus et que le panel sera visible, et sera cachée dans le cas contraire. De même, lorsque le panel n’est pas visible, nous stopperons l’activité du jeu.

Chaque modification de la taille ou de la position du panel entrainera une modification équivalente chez la fenêtre sus-jacente.

Cette fenêtre se trouvant donc exactement au dessus du panel et ayant une taille identique l’illusion est parfaite.

Réalisation

La première étape consiste donc à réécrire une partie des classes de l’assembly Microsoft.Xna.Framework et Microsoft.Xna.Framework.Game. Ce afin de s’émanciper du fonctionnement de base de la classe Game trop fortement couplée à un fonctionnement sur fenêtre unique. Le projet Arcane.Xna.Presentation reprend donc une partie des classes de ces assemblies pour une utilisation avec WPF.

Rien de bien compliqué. Seules les classes Game et GameHost sont réellement intéressantes ici.

La classe Game comme précisé précédemment correspond à la zone d’affichage de nos scènes 3D dans les interfaces utilisateurs WPF. Elle hérite de Canvas. L’utilisation de Canvas répond à un besoin bien particulier que nous présenterons plus loin. La classe Game ne se différencie de la classe Game de l’assembly Microsoft.Xna.Framework.Game que par quelques membres. Tout d’abord elle possède un membre de type GameHost qui est en fait la fenêtre se positionnant juste au dessus. Elle possède de même un membre nommé _tichGenerator qui va permettre de mettre à jour l’affichage à intervalle réguliers.

Le constructeur initialise ses membres ainsi :

this._window = new GameHost(this);

this._window.Closed += new EventHandler(_window_Closed);

this._tickGenerator = new DispatcherTimer();

this._tickGenerator.Tick += new EventHandler(_tickGenerator_Tick);

Il commence par créer la fenêtre qui sera située au dessus de lui, et enregistre l’événement Closed afin de fermer la scène 3D. L’object de type DispatcherTimer est utilisé pour la boucle de jeu et permet donc d’appeler de manière régulière les méthodes Update et Draw. Sa vélocité dépend de la propriété IsFixedTimeStep.

Dernier élément important, l’enregistrement de l’événement IsVisibleChange :

this.IsVisibleChanged += new DependencyPropertyChangedEventHandler(GameCanvas_IsVisibleChanged);

L’activation du DispatcherTimer est en fonction de cette visibilité.

La classe GameHost est tout aussi simple. Elle créé une fenêtre sans bordure, invisible sur la barre des tâches et qui enregistre l’événement SizeChanged du panel Xna et LocationChanged de la fenêtre de plus haut niveau. Ces deux événements lui permettent de toujours être au dessus du panel Xna en effectuant un appel à la méthode UpdateBounds :

public void UpdateBounds()
{
    if (this.IsVisible)
    {
        GeneralTransform gt = this.game.TransformToVisual(this.TopLevelWindow);

        this.Width = this.game.ActualWidth;
        this.Height = this.game.ActualHeight;

        this.Left = this.TopLevelWindow.Left + gt.Transform(new Point(0, 0)).X;
        this.Top = this.TopLevelWindow.Top + gt.Transform(new Point(0, 0)).Y;
    }
}

Cette méthode détermine la position de la fenêtre courante en se basant sur la fenêtre de plus haut niveau (la fenêtre contenant le panel Xna de la classe Game). Elle lui affecte en outre, la même largeur et hauteur que le panel Xna.

Là encore la fenêtre s’enregistre sur l’événement IsVisibleChange de ce dernier afin de se rendre visible ou non.

Premier Exemple

Nous baserons nos exemple sur le framework AvalonDock (http://www.codeplex.com/AvalonDock), un moyen efficace de créer des interfaces dockable à la Visual Studio très facilement. Un moyen aussi pour nous de montrer la puissance et la simplicité de notre système dans des interfaces WPF très avancées.

Notre solution contient donc un projet nommé Demo qui correspond au projet d’exemple d’AvanlonDock légèrement modifié. Nous avons ajouté une classe héritant de Game qui va afficher un cube tournant sur lui-même.

Cette classe a tout simplement été extraite d’une application Xna pur pour être ajouté dans ce projet, et ce, sans aucune modification (ou presque) :

public class RotatingCubeGame : Arcane.Xna.Presentation.Game
{

    #region Fields

    Arcane.Xna.Presentation.GraphicsDeviceManager graphics;
    SpriteBatch spriteBatch;
    BasicEffect effect;
    VertexPositionColor[] vertices;
    Vector3 position = Vector3.Zero;
    Vector3 size = Vector3.One;
    VertexBuffer vertexBuffer;
    IndexBuffer indexBuffer;

    #endregion

    #region Constructors

    public RotatingCubeGame()
    {
        if (!(System.ComponentModel.DesignerProperties.GetIsInDesignMode(this)))
        {
            graphics = new Arcane.Xna.Presentation.GraphicsDeviceManager(this);
            Content.RootDirectory = "Content";
        }
    }

    #endregion

    /// <summary>
    /// Allows the game to perform any initialization it needs to before starting to run.
    /// This is where it can query for any required services and load any non-graphic
    /// related content. Calling base.Initialize will enumerate through any components
    /// and initialize them as well.
    /// </summary>
    protected override void Initialize()
    {
         base.Initialize();
       // TODO: Add your initialization logic here
        this.graphics.IsFullScreen = false;
        this.graphics.PreferredBackBufferWidth = 800;
        this.graphics.PreferredBackBufferHeight = 600;
        this.graphics.ApplyChanges();

        this.Window.Title = "";

        this.InitializeVertices();
        this.InitializeIndices();

    }

    private void InitializeVertices()
    {
        vertices = new VertexPositionColor[ 8 ];
        vertices[0].Position = new Vector3(-10f, -10f, 10f);
        vertices[0].Color = Color.Yellow;
        vertices[1].Position = new Vector3(-10f, 10f, 10f);
        vertices[1].Color = Color.Green;
        vertices[2].Position = new Vector3(10f, 10f, 10f);
        vertices[2].Color = Color.Blue;
        vertices[3].Position = new Vector3(10f, -10f, 10f);
        vertices[3].Color = Color.Black;
        vertices[4].Position = new Vector3(10f, 10f, -10f);
        vertices[4].Color = Color.Red;
        vertices[5].Position = new Vector3(10f, -10f, -10f);
        vertices[5].Color = Color.Violet;
        vertices[ 6 ].Position = new Vector3(-10f, -10f, -10f);
        vertices[ 6 ].Color = Color.Orange;
        vertices[7].Position = new Vector3(-10f, 10f, -10f);
        vertices[7].Color = Color.Gray;
        this.vertexBuffer = new VertexBuffer(this.graphics.GraphicsDevice, typeof(VertexPositionColor), 8, BufferUsage.WriteOnly);
        this.vertexBuffer.SetData(vertices);
    }

    private void InitializeIndices()
    {
        short[] indices = new short[36]{
            0,1,2, //face devant
            0,2,3,
            3,2,4, //face droite
            3,4,5,
            5,4,7, //face arrière
            5,7,6,
            6,7,1, //face gauche
            6,1,0,
            6,0,3, //face bas
            6,3,5,
            1,7,4, //face haut
            1,4,2};
        this.indexBuffer = new IndexBuffer(this.graphics.GraphicsDevice, typeof(short), 36, BufferUsage.WriteOnly);
        this.indexBuffer.SetData(indices);
    }

    /// <summary>
    /// LoadContent will be called once per game and is the place to load
    /// all of your content.
    /// </summary>
    protected override void LoadContent()
    {
        // Create a new SpriteBatch, which can be used to draw textures.
        spriteBatch = new SpriteBatch(GraphicsDevice);

        // TODO: use this.Content to load your game content here
        this.effect = new BasicEffect(graphics.GraphicsDevice, null);
        this.effect.View = (Matrix.CreateLookAt(new Vector3(20, 30, -50), Vector3.Zero, Vector3.Up));
        this.effect.Projection = (Matrix.CreatePerspectiveFieldOfView(MathHelper.PiOver4, this.GraphicsDevice.Viewport.AspectRatio, 0.1f, 100f));
        this.effect.VertexColorEnabled = true;
    }

   /// <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)
    {
        if (Keyboard.GetState()[Keys.Up] == KeyState.Down)
            position += Vector3.Up;
        if (Keyboard.GetState()[Keys.Down] == KeyState.Down)
            position += Vector3.Down;
        if (Keyboard.GetState()[Keys.Left] == KeyState.Down)
            position += Vector3.Left;
        if (Keyboard.GetState()[Keys.Right] == KeyState.Down)
            position += Vector3.Right;
        if (Keyboard.GetState()[Keys.PageUp] == KeyState.Down)
            size += new Vector3(0.1f, 0.1f, 0.1f);
        if (Keyboard.GetState()[Keys.PageDown] == KeyState.Down)
            size -= new Vector3(0.1f, 0.1f, 0.1f);

      // Allows the default game to exit on Xbox 360 and Windows
        if (GamePad.GetState(PlayerIndex.One).Buttons.Back == ButtonState.Pressed)
           this.Exit();

        float fAngle = (float)gameTime.TotalGameTime.TotalSeconds;

        //la transformation en elle même
        Matrix world = Matrix.CreateRotationY(fAngle) * Matrix.CreateRotationX(fAngle)
                            * Matrix.CreateScale(size)
                            * Matrix.CreateTranslation(position);

        this.effect.World = (world);
        base.Update(gameTime);
    }


    /// <summary>
    /// This is called when the game should draw itself.
    /// </summary>
    /// <param name="gameTime">Provides a snapshot of timing values.</param>
    protected override void Draw(GameTime gameTime)
    {
        this.graphics.GraphicsDevice.Vertices[0].SetSource(this.vertexBuffer, 0, VertexPositionColor.SizeInBytes);
        this.graphics.GraphicsDevice.Indices = this.indexBuffer;
        this.graphics.GraphicsDevice.VertexDeclaration = new VertexDeclaration(this.graphics.GraphicsDevice, VertexPositionColor.VertexElements);
        graphics.GraphicsDevice.Clear(Color.CornflowerBlue);

        // TODO: Add your drawing code here
        this.effect.Begin();

        foreach (EffectPass pass in effect.CurrentTechnique.Passes)
        {
            pass.Begin();
            this.graphics.GraphicsDevice.DrawIndexedPrimitives(PrimitiveType.TriangleList, 0, 0, 8, 0, 12);
            pass.End();
        }

        effect.End();

        base.Draw(gameTime);
    }
}

Rien de bien compliqué ici (le code est extrait de l’article 6). La première modification est de faire hériter la classe RotatingCubeGame de l’objet Game de notre assembly et non celle de l’assembly Microsoft.Xna.Framework.Game. La seconde modification consiste à entourer les initialisations réalisées dans le constructeur de :

System.ComponentModel.DesignerProperties.GetIsInDesignMode(this)

Afin de s’assurer que notre jeu ne sera pas en partie créé dans le designer de Visual Studio. Le reste est très simple. Nous avons juste remplacé le contenu de chaque DockablePane dans le code Xaml de Window1 par un :

<Demo:RotatingCubeGame></Demo:RotatingCubeGame>

Le resultat nous donne :

Bien évidemment notre système respecte les avantage d’AvalonDock en permettant un docking puissant et ce, sans perturber nos scène 3D:

Pas mal, mais on peut faire mieux.

Intégration de Widgets

Pourquoi ne pas tenter d’afficher des widgets (bouton, label, Grid, Canvas, …) dans notre scène 3D pour faire une intégration avec WPF de manière parfaite.

Nous pourrions être tentés d’ajouter ces éléments directement à la fenêtre GameHost. Mais à l’affichage nous aurions des problèmes de scintillement (deux types d’affichages différents vectoriel et 3D à réaliser sur une même zone clip n’est pas forcement bon…). Nous allons donc simplement rajouter une nouvelle fenêtre au dessus de la fenêtre existante, sans bordure elle aussi :

Son contenu sera directement relié au contenu du panel Xna (le Canvas). La classe GameHost contiendra désormais un nouveau membre nommé _frontWindow de type Window. Elle exposera en internal une propriété nommée WPFHost donnant accès au Content de cette window :

internal object WPFHost
{
    get
    {
        return this._frontWindow.Content;
    }
    set
    {
        this._frontWindow.Content = value;
    }
}

La classe Game exposera elle-aussi le Content de cette window à l’aide d’une propriété portant le même nom :

public object WPFHost
{
    get
    {
        if (!(System.ComponentModel.DesignerProperties.GetIsInDesignMode(this)))
            return this.Window.WPFHost;
        else
            return (base.Children[0] as ContentControl).Content;
    }
    set
    {
        if (!(System.ComponentModel.DesignerProperties.GetIsInDesignMode(this)))
            this.Window.WPFHost = value;
        else
            (base.Children[0] as ContentControl).Content = value;
    }
}

Cette propriété détermine si nous sommes en mode design (sous visual studio) ou en mode runtime. En mode design nous utilisons le fonctionnement classique du Canvas dont hérite notre classe Game, en mode runtime nous ciblons directement la window. Cela nous permet en mode design de pouvoir voir l’UI de notre contrôle et de pouvoir la modifier à la souris.

En outre nous marquons la classe Game de l’attribut :

[System.Windows.Markup.ContentProperty("WPFHost")]

Permettant de mettre du contenu direct en Xaml :

La page Window1.xaml a été modifiée pour rajouter du contenu à plusieurs RotatingCubeGame comme le montre l’image ci-dessus. Nous avons ajouté des shapes et paths purs pour reproduire le personnage orange et jaune symbolisant le Xna, des boutons et label liés par des événements et un FlowDocument avec scrolling.

Conclusion

L’assembly Arcane.Xna.Presentation présente un moyen simple d’intégrer de manière professionnel du Xna à ses applications WPF. Le seul vrai défaut qu’on peut lui trouver est la création de deux fenêtre par panel Xna. Il faut savoir que le nombre de fenêtre affichable sous Windows est malheureusement limité. Le résultat fonctionne tout de même parfaitement et peut être utilisé pour des applications professionnelles :

Vous pouvez télécharger le code ici.

A bientôt sur ce Blog !

Valentin Billotte

Mise à jour des tutoriaux pour la 3.1 (suite)

valentin — Mon, 22 Jun 2009 12:03:00 GMT

Les tutoriaux 4 à 6 on été réécrits à la sauce 3.1 eux aussi :

http://msmvps.com/blogs/valentin/archive/2007/03/30/tutoriaux-xna-sommaire-g-n-ral.aspx

Merci de vos commentaires

A bientôt sur ce Blog !

Valentin

Mise à jours des tutoriaux pour la 3.1

valentin — Wed, 17 Jun 2009 10:09:00 GMT

Les tutoriaux sont en cours de réécriture pour Xna Game Studio 3.1.

http://msmvps.com/blogs/valentin/archive/2007/03/30/tutoriaux-xna-sommaire-g-n-ral.aspx

Les 4 premiers sont dors et déjà terminé et améliorés pour la plupart.

Merci de vos commentaires

Mettre à jour le Xna Game Studio Connect avec l'arrivée du XGS 3.1

valentin — Tue, 16 Jun 2009 07:21:00 GMT

J'allais faire un post là dessus, mais Michael l'a déjà fait en anglais sur son Blog, vais me contenter de le traduire.

Donc la procédure à suivre est la même que celle réalisée lors du passage du Xna Game Studio 2.0 à la 3.0. Chaque mise à jour du Game Studio demande evidemment une mise à jour du Xna Game Studio Connect puisque celui-ci repose entre autres sur le Xna Framework et les spécificités du Game Studio.

La nouvelle version du Xna Game Studio Connect fonctionne avec toutes les versions précédentes de XGS hormi la version Express (la 1.0). Il n'est donc pas nécessaire de desinstaller les jeux déjà présent sur le disque dur de votre console.

Si vous lancez le XGSC depuis votre console vous recevrez une instruction de mise à jour avec un écran à peu près similaire à celui-ci :

Voici les instructions pour effectuer cette mise à jour :

Etape 1: Supprimez l'ancien XNA Game Studio Connect

Il est nécessaire de supprimer l'ancien XNA Game Studio Connect de votre Xbox 360. Vous risquez sinon des problèmes de versionning.

Dans l'interface utilisateur de votre console naviguez vers Bibliothèque de Games Library./Bibliothèque de jeux et selectionnez Community Games/Jeux de la communauté.
Selectionnez alors XNA Game Studio Connect à partir de la liste de jeux. Selectionnez ensuite Delete Game/Supprimer le jeu. Souvenez vous qu'il n'est pas nécessaire de supprimez les jeux qui sont présents sur votre machine.

Step 2:Téléchargez le nouveau XNA Game Studio Connect

Pour téléchargez la nouvelle version du Xna Game Studio Connect suivez les instructions suivantes :

Dans l'interface utilisateur de votre console naviguez vers le Game Marketplace, et selectionnez All Games/Tous les jeux.
Selectionnez alors le XNA Creators Club, puis selectionnez le XNA Game Studio Connect. Vous devriez voir l'option pour télécharger à nouveau le software.

A bientôt sur ce Blog !

Xna Game Studio 3.1 télchargeable !!

valentin — Fri, 12 Jun 2009 12:50:00 GMT

Une mise à jour du Xna Framework et des outils associés est maintenant accessible :

Support des avatars : Arrivés avec la nouvelle XBox Experience, vous pouvez désormais les utiliser et les afficher dans votre jeu,
Lecture des vidéos : Lecture pris en charge directement dans le framework (fullscreen, multi play, ...),
Xbox Live Party : C’est la possibilité de communiquer (chat) entre joueurs d’un même jeu, y compris si ils ne sont pas dans la même session multi-joueurs,
Audio API et XACT3: L’utilisation de SoundEffect.Play est désormais différente, XACT version 3 apporte de nouvelles fonctionnalités (filtres sur chaque track, support de xWMA)
Content pipeline, il a été amélioré pour le support de ses propres types et la serialiation automatique.

Pour ceux qui desirent faire evoluer leurs projets, lisez ceci : http://creators.xna.com/article/convert30to31

Pour ceux qui veulent des infos plus détaillées; lisez ceci : http://creators.xna.com/news/xnagamestudio3.1

Téléchargeable ici : http://www.microsoft.com/downloads/details.aspx?FamilyID=80782277-d584-42d2-8024-893fcd9d3e82

Liste de tous les blogs MS

valentin — Thu, 23 Apr 2009 11:30:00 GMT

Un blog MS recense tous les blogs ms classés par famille de produit. Je pensais pas que ça manquait à ce point ...

http://blogs.technet.com/blogms/pages/directory-of-microsoft-team-blogs.aspx

A bientôt sur ce Blog !

MVP 6éme edition

valentin — Thu, 02 Apr 2009 02:24:00 GMT

Allez hop, je rempile pour une année de plus en tant que MVP.

Depuis deux ans j'ai cette distinction sur le Xna.

Champagne ! :)

A bientôt sur ce Blog !

Installation Silverlight 3.0 : The hash value is not correct.

valentin — Tue, 31 Mar 2009 07:42:00 GMT

Juste la honte pour Microsoft puisque c'est un bug connu déjà sous la 2.0 et qui n'est pas corrigé...

Si votre connection au réseau Internet n'est pas "directe" (genre derrière un proxy) vous pouvez vous recevoir en pleine figure un "The hash value is not correct." lors de l'installation de Silverlight 3.0.

L'astuce pour contourner cette erreur est relativement simple.

Faites tout d'abord une extraction de l'executable "Silverlight3_Tools.exe" à l'aide de la commande "Silverlight3_Tools.exe /x". Genre dans un répertoire situé dans "c:\prout".
Téléchargez le developper runtime pour la 3.0 ici Silverlight.3.0_Developer.exe
Placez cet executable dans le répertoire c:\prout qui contient déjà le contenu du "Silverlight3_Tools.exe" précédemment extrait.
Lancez SPInstaller.exe situé dans le répertoire c:\prout

L'installation devrait cette fois ci se terminer normalement.

EDIT : je viens de voir un site qui donne une réponse à tout un tas d'erreurs d'installation (il faut dire qu'avec l'équipe MS qui s'occupe des setup Silverlight, y'a du business à se faire ...) :

http://blogs.msdn.com/amyd/archive/2009/03/19/silverlight-tools-installation-error-codes.aspx

Ombre en Silverlight

valentin — Wed, 18 Mar 2009 03:13:00 GMT

Aujourd'hui pour faire une ombre sous un contrôle en Silverlight il n'y a pas beaucoup de possibilités.

Le faire en vectoriel s'avère difficile et on a l'habitude de passer par une image PNG, ce qui n'est pas forcement le plus optimisé.

Voici un simple code qui permet de corriger cela, et en vectoriel. Vivement l'ajout d'effet en Silverlight pour eviter de passer par ce genre de tips...

<UserControl x:Class="SmartInterface.TravelingPanel"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

mc:Ignorable="d"

d:DesignWidth="640" d:DesignHeight="480"

Width="340" Height="340"

RenderTransformOrigin="0.5,0.5">

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

<Border Name="ExternalBorder"

CornerRadius="10,10,10,10"

Background="#FF92B825"

BorderBrush="#FF6D8A17" BorderThickness="1"

RenderTransformOrigin="0.5,0.5">

<Border Name="InternalBorder"

CornerRadius="10,10,10,10"

Background="#FF92B825"

BorderBrush="#FFB7D265" BorderThickness="1">

<Rectangle.Fill>

<RadialGradientBrush.RelativeTransform>

</TransformGroup>

</RadialGradientBrush.RelativeTransform>

</RadialGradientBrush>

</Rectangle.Fill>

</Rectangle>

<Rectangle.Fill>

</LinearGradientBrush>

</Rectangle.Fill>

</Rectangle>

</Canvas>

</Border>

</Grid>

</UserControl>

Les deux Border d'affilés provoquent cet effet d'ombrage réalisé relativement facilement et sutout très rapide à afficher pour le moteur graphique de votre plugin préféré. Le resultat est le suivant :

J'utilise un Border dans la mesure où le contrôle sur lequel j'applique un ombrage possède des cotés arrondis. Sur les contrôles carrés ou rectangulaires, l'utilisation du shape Line sera un meilleur choix. Enfin, il suffit de jouer sur la taille de la bordure (Thickness) pour affiner l'ombrage ainsi que le nombre de couche pour améliorer le rendu (ici de 0,60d à 0,10d).

A bientôt sur ce Blog !

Optimization de code pour du Xna rapide et efficace !

valentin — Sat, 28 Feb 2009 13:53:00 GMT

Je dois en omettre un grand nombre, si vous en avez d'autres n'hesitez pas à me les soumettre que je les rajoute ici !

Première optimisation, les strings :

Eviter tout indexeur à base de string s’il y’a un équivalent à base d’int.

L'instruction :

myEffect.Techniques["Precompiled"] ;

Est bien moins efficace q'un :

const int TechnikIndex = 0;

myEffect.Technique[TechnikIndex]

Eviter au maximum la class string, si on a besoin de puissance. En C# tout modification d'une string entraine la création d'une nouvelle instance et donc une allocation mémoire. Une string N EST JAMAIS MODIFIABLE et l'allocation mémoire est une opération très couteuse en temps. Il faut donc travailler un maximum avec StringBuilder.

Besoin de comprendre le string intern pool. Quand on créé une string, le clr regarde dans un pool interne si elle existe avant de la créer. (méthode statique Intern de la classe string).

Donc string jamais collectés comme les objets communs dans le GC.

Boxing/unboxing

Boxing passage d'un value type (exemple int) à une classe objet .

Par exemple :

int a = 0;

object o = (object)a;

Unboxing est l'opération inverse.

boxed = 20 fois plus de traitement CPU qu'une simple affectation de ref

unboxed = 4 fois plus

= généric autant que faire se peux (optimization en Early binding)

Pour les struct, implementer la méthode ToString (sinon il y’a boxing en objet pour chaque appel à cette méthode)

Array

Jagged Arrays > Rectangular Array ([][] > [,])

Privilegier les for au foreach (moins nécessaire depuis le .Net 3.0)

addrange plutot que add

Range Check important, exemple :

//rapide
for(int i = 0; i < myArray.Length; i++)
{
Console.WriteLine(myArray.ToString());
}
//plus lent
for(int i = 0; i < myArray.Length + y; i++)
{
Console.WriteLine(myArray[i+x].ToString());
}

Dans la seconde boucle le test ne porte pas sur la longueur du tableau traité mais sur une autre valeur, il y’a donc des tests supplémentaire ajouté en IL pour générer une exception en cas de sortir de Bounds.

Methodes :

Il y’a quelque regles simples pour que le compilateur utilise de l’inlined (suppresion à la compilation d'une méthode pour inclure son code en lieu et place de l'instruction appellant la dite méthode) :

32o d'il (8instructions) max par méthode/accesseur/mutateur à "inliner"
pas de structures conditionnelles dans le bloc à inliner
pas de type struct utilisé dans le bloc à inliner
pas de bloc Try/Catch/Finaly dans le bloc à inliner.

Si il n’y a pas besoin de rendre le code compréhensible on priviligiera les chunky call au maximum (méthodes énormes en lieu et place de myriades de petites méthodes qui s’appellent les unes les autres).

Thread

Synchroniser les thread : System.Threading.Interlocked class

Exception

retourner des enum plutot que des exception sur les méthodes critiques

Eviter ce genre de code :

public static void Main(string[] args){
int j = 0;
for(int i = 0; i < 10000; i++){
    try{
      j = i;
      throw new System.Exception();
    } catch {}
}
}

En asp.net, à eviter :

L’instruction : Response.Redirect() elle provoque un ThreadAbortException

Un throw d'exception perturbe gravement l'activité CPU associée à votre applicatif.

Objets

Utiliser au maximum les structure là ou la notion de référence n’est pas importante (besoin ponctuelle d’agrégat ordonné de données) en lieu et place d’une class

(Exemple de la structure Point, Rectangle, etc.) . La gestion en mémoire est alors bien plus efficace et rapide.

Apprecier au maximum l’attribut Fieldoffset qui permet de réaliser l’équivalent de l’Union du langage C pour optimiser la mémoire

Utiliser les weakreference notamment pour le cache, afin de ne pas surcharger la mémoire.

Framework :

Working Set : charger une assembly pour profiter d'une seule de ses méthodes c'est pas bien !

Utiliser vadump.exe pour détecter ca dans son framework

Se servir de Perfmon et de ses attributs (nb de classes chargées, nombre de méthodes, temps passé à loader, JITed, etc.)

Executables :

Précompilation avec ngen.exe pour les exes critiques. Permet de précompiler son application pour un premier lancement rapide.

SQL

connexion ouverte longtemps < multiple ouverture /fermeture de connexion

Datareader > dataset

Annuler le transaction enlistment si inutile

SqlConnection conn = new SqlConnection(

"Server=exasrv01;

Integrated Security=true;

Enlist=false");

Article marrant et interessant

valentin — Sun, 15 Feb 2009 13:47:00 GMT

http://bonnenouvelle.blog.lemonde.fr/2009/02/14/super-mario-contre-francis-cabrel/

Quoi dire ?

C'était mieux avant...

Une petite vidéo ...

valentin — Fri, 23 Jan 2009 15:02:00 GMT

Vidéo de l'editeur :

http://fr.youtube.com/watch?v=6PBoEaY8u7E

Promouvoir Xna : y'a du boulot, vivement les techdays !

valentin — Tue, 20 Jan 2009 21:47:00 GMT

Les TechDays approchant, j’aimerais vous montrer comment on se prépare chez Exakis… et vous donner envie de participer à la session XNA :)

Pour la vidéo visionnez là ici :

Comme quoi il y'a du travail encore pour promouvoir Xna ... :)

Et pour paraphraser Mister Codetta :

"faut viender aux TechDays. pour avoir plein d’infos, c’est par là, par là ou alors par ici."

A bientôt sur ce Blog !

World Of Warcraft : Le projet Arcane 2

valentin — Tue, 20 Jan 2009 16:22:00 GMT

Le projet avance.

Deux semaines de retard à cause d'un vol par effraction qui m'a fait tout perdre.

Le texturing est pratiquement terminé :

Jusqu'à 16 textures applicables sur une portion de terrain avec un haut degré de precision.

Prochaine etape le placement de modèles 3D.

A bientôt sur ce Blog !