Discussion :

[tom741]

Bonjour à tous,
J'essaie de créer un petit jeu en Silverlight. Je suis tombé sur un comportement assez étrange (d'ailleurs, j'ai eu le même problème il y a quelques temps sous XNA également).

Le principe pour faire simple :
- J'ai un storyboard avec une duration à 0 pour faire bouger mon usercontrol (un simple rectangle).
- J'utilise le translateTransform pour le faire bouger, à chaque storyboard.completed, j'update sa position.
- je regarde sa position pour savoir s'il arrive à la limite du Canvas parent, si oui : je le fais rebondir.

Le problème : parfois, l'usercontrol sort du canvas ! Au lieu de rebondir, il "vibre" et s'éloigne petit à petit du canvas ?!?

Plus l'objet est rapide, plus c'est fréquent :/

J'ai fait un pong en XNA, j'ai eu le même problème, la balle finissait par passer au travers des raquettes .

Le code pour le rebond :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
if (((MatrixTransform)elem.RenderTransform).Matrix.OffsetX > bdf.ActualWidth - elem.ActualWidth)
                elemVelocityX *= -1;
            else if (((MatrixTransform)elem.RenderTransform).Matrix.OffsetX < 0)
                elemVelocityX *= -1;
            else if (((MatrixTransform)elem.RenderTransform).Matrix.OffsetY > bdf.ActualHeight - elem.ActualHeight)
                elemVelocityY *= -1;
            else if (((MatrixTransform)elem.RenderTransform).Matrix.OffsetY < 0)
                elemVelocityY *= -1;

Avez-vous déjà été confrontés à ça ?

Merci d'avance.

[Skyounet]

Je suis pas sur qu'un système de TranslateTransform animé avec des Stroyboard soit très performants.

Quand je fais des jeux avec Silverlight j'utilise toujours un Canvas et je modifie Canvas.Left et Canvas.Top

Comme dans celui-là
http://broux.developpez.com/private/...eTestPage.html

[tom741]

Si tu as des références sur comment améliorer les perfs de jeux en Silverlight je suis preneur

Aucune idée pour la sortie de mes carrés hors du canvas ?

[Skyounet]

Peut-être du à l'utilisation de double comme.

OffsetX doit retourner un double et ta soustraction aussi. Essaye de caster en int avant de faire ta conversion.

Une autre possibilité : je vois que tu compares avec un strictement inférieur à 0

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

if (((MatrixTransform)elem.RenderTransform).Matrix.OffsetX < 0)

Imaginons que OffsetX ait pour valeur -1, tu rentres bien dans ta condition, tu changes donc la direction de ton rectangle. Seulement le coup d'après, étant donné que ton animation est très rapide tu rerentres dans cette condition avant même que la valeur soit passée à 1, donc tu rechange la direction de ton rectangle (*=-1) d'où la vibration que tu vois.

La solution est d'empêcher que ton rectangle descende en dessous de 0.

Dans le jeu que je t'ai montré plus haut, avant de déplacer mon bonhomme je regarde si la position après déplacement est valide. Si oui je déplace sinon je fais rien

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

if(hero.X + deltaX > 0) hero.X += deltaX;

De cette façon mon bonhomme ne sort jamais de sa zone.

[tom741]

Bonjour,
J'ai fait quelques tests :
Utiliser le canvas top / left est un peu plus simple que le MatrixTransform .

Le code que j'utilise est à peu de choses près le même que pour ton bonhomme dans le jeu : si jamais l'objet atteint un bord, il se bloque. Dans mon cas, je change la direction.

Par contre le fait d'utiliser les propriétés top et left du canvas + la castage en int ne résout pas le problème de sortie et de tremblement de l'objet lorsque celui-ci va très vite.

[Ephismen]

Bonjour,

Je ne sais pas si mon cas est similaire au tiens mais je crois qu'il s'en rapproche. Mon application n'a rien d'un jeu mais requiert la même gestion des collisions que toi je crois. J'étais confronter au problème suivant:

Quand un utilisateur bougeais trop vite un élément dans un Canvas (en émulant un Drag&Drop), l'objet en question venait parfois a sortir des limites du Canvas ce qui était assez handicapant. J'ai donc alléger mon code pour simplifier au maximum les opérations de collisions et j'ai aussi rajouter un cas de plus: "Quand un objet est quand même supérieur a la limite => Je le remet a la position X(x étant la limite de ton canvas ou autre) => je reprends la marche a suivre en cas de collision". En faisant cela j'ai réussis a parfaitement bloquer mon objet dans le canvas.
De plus je créer des doubles de mes variables de positions, c'est a dire que quand je rentre dans mes conditions je ne modifie pas directement la position de mon objet mais ses doubles, et uniquement lorsque j'en suis sortit j'applique les calculs finis a mon objet, ce qui évite des tremblements et autres problèmes visuels.

Voila je ne sais pas si cela va pourvoir t'aider.

[tom741]

J'ai trouvé une solution presque parfaite.

En fait je testais si l'objet avait atteint un bord après avoir updaté sa position ...
Maintenant je lance tout simplement la méthode pour vérifier si il y a collision avant l'update.

Le résultat est très correct : les objets ne sortent plus du canvas, pas de tremblement, le seul petit souci c'est qu'à très haute vitesse (30px par cycle soit environ 1800px de déplacement par seconde ), si l'on prête attention, on a l'impression que l'objet sort un peu du cadre.

Merci à vous deux

[Samuel Blanchard]

Quand je fais des jeux avec Silverlight j'utilise toujours un Canvas et je modifie Canvas.Left et Canvas.Top

Quand tu utilises un Translate par exemple n'y a t'il pas un gain au niveau du GPU (si celui est activé) ?

[tom741]

Oui (d'après de vieux souvenir ^^) ca peut être prit en charge par le gpu. Par contre ce qui est embettant avec les Translate, c'est qu'il faut constament effectuer des casts dans tous les sens (ou alors je me débrouille comme un pied c'est possible aussi).

En prenant juste un TranslateTransform :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
this.RenderTransform = TransformHelper.TranslateElement(this, vec.X, vec.Y, ((MatrixTransform)this.RenderTransform).Matrix);
 
public static MatrixTransform TranslateElement(FrameworkElement element, float posX, float posY, Matrix mtx)
        {
            return new MatrixTransform
            {
                Matrix = new Matrix
                {
                    M11 = mtx.M11,
                    M12 = mtx.M12,
                    M21 = mtx.M21,
                    M22 = mtx.M22,
                    OffsetX = mtx.OffsetX + posX,
                    OffsetY = mtx.OffsetY + posY
                }
            };
        }

Le problème c'est qu'on ne peut pas incrémenter l'offset directement. Alors j'ai utilisé un TransformGroup:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
((TranslateTransform)((TransformGroup)this.RenderTransform).Children[0]).X += vec.X + offsetX;

Si j'ai le temps j'esaierai de faire des tests avec enormément d'object à gérer.