[Interface] Background Dynamic.

Version imprimable

03/08/2009, 00h44
F.Saad

[Interface] Background Dynamic.

Bonjour, c'est la première fois que je vais poster sans le tag Débutant.

Alors je vais tacher de bien expliquer mon probleme comme il est peu courant je crois.

j'ai envie de faire un arriére plan dynamique,
sa veut dire que l'image dont il consiste (une carte du monde en bitmap) 1024x800 devra se déplacer dans l'application qui ne fait que 600x300 px
Se déplacer : l'image se "déplacera" (move from x,y to x',y') mais doucement, pas un déplacement instantané avec un effet "smooth". toujours en arrière plan.

j'imagine que ça ressemblera a

while(true)
display picture at x,y
//Quequechose
display picture at x+1,y+1
//Quequechose?

Si c'est trop difficile ou irréalisable, je me contenterai d'un effet similaire qui est de
diviser la carte sur 600px pour avoir 4 arrière plan, et puis faire en sorte que l'une apparais après l'autre avec au milieu un effet de "Fading" (disparais doucement en réduisant l'opacité"

j'espère que je ne vous dérange pas trop :D
03/08/2009, 09h34
laedit

Bonjour,

Au niveau technologie, tu utilise Windows Form ou WPF ?
Car ce dernier serait plus indiqué pour un projet de cette sorte.

Sinon, ta première méthode peut marcher, il suffit effectivement d'incrémenter x et y dans une boucle while.
Tu peux même mettre un Thread.Sleep() pour que ça ne s'exécute pas trop vite.

Sinon, ta deuxième solution sera certainement plus simple mais nécessite une modification de l'image. Pour le fading, là encore une boucle While décrémentant la valeur de la propriété Opacity devrait faire l'affaire.
03/08/2009, 09h37
Pol63

plutot que des boucles while qui bloquent l'interface utilisateur (ou alors vont trop vite pour l'effet voulu) il faut utiliser des timers

Je pense que tu pourrais le faire comme ça :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
TimeSpan lastUpdate;
Vector2 currentPos;
Vector2 target;
float velocity;
 
bool sensTargetX;
bool sensTargetY;
 
public void Update() 
{
  TimeSpan elapsed = DateTime.Now.TimeOfDay - lastUpdate;
  Vector2 dir = currentPos - target;
  currentPos += dir * velocity;
 
  if (sensTargetX == true && target.X < currentPos.X)
     currentPos.X = target.X;
  else if (sensTargetX == false && target.X > currentPos.X)
     currentPos.X = target.X;
 
  if (sensTargetY == true && target.Y < currentPos.Y)
     currentPos.X = target.X;
  else if (sensTargetY == false && target.Y > currentPos.Y)
     currentPos.Y = target.Y;
}
public void move(Vector2 newPosition) 
{
  sensTargetX = newPosition.X > currentPos.X;
  sensTargetY = newPosition.Y > currentPos.Y;
 
  target = newPosition;
}

Vector2 est une structure contenant un float X, et un float Y.
Il faut que tu appelles la méthode Update le plus régulièrement possible.

Je n'ai pas tester, mais en théorie, ça devrait fonctionner ><

Citation:
Envoyé par Idrakis
Je pense que tu pourrais le faire comme ça :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 TimeSpan lastUpdate; Vector2 currentPos; Vector2 target; float velocity; bool sensTargetX; bool sensTargetY; public void Update() { TimeSpan elapsed = DateTime.Now.TimeOfDay - lastUpdate; Vector2 dir = currentPos - target; currentPos += dir * velocity; if (sensTargetX == true && target.X < currentPos.X) currentPos.X = target.X; else if (sensTargetX == false && target.X > currentPos.X) currentPos.X = target.X; if (sensTargetY == true && target.Y < currentPos.Y) currentPos.X = target.X; else if (sensTargetY == false && target.Y > currentPos.Y) currentPos.Y = target.Y; } public void move(Vector2 newPosition) { sensTargetX = newPosition.X > currentPos.X; sensTargetY = newPosition.Y > currentPos.Y; target = newPosition; }
Vector2 est une structure contenant un float X, et un float Y.
Il faut que tu appelles la méthode Update le plus régulièrement possible.

Je n'ai pas tester, mais en théorie, ça devrait fonctionner ><
Aie , j'ai rien saisie a cette algo;
Première fois que je vois un vecteur dans du code.
alors ce que j'ai pas saisie c'est principalement le role de tes deux bool
bon la je pourrais utilisé la 2eme méthode mais le challenge sera assez petit comparé a ça.
Seulement, méme avec ta méthode, il faut ajouté une fonction qui va randomiser les targets pour que ça soit pas nulle
donc je crois que la, je suis encore loin et pas du tout au niveau :(

Citation:

Envoyé par laedit

Bonjour,

Au niveau technologie, tu utilise Windows Form ou WPF ?
Car ce dernier serait plus indiqué pour un projet de cette sorte.

Sinon, ta première méthode peut marcher, il suffit effectivement d'incrémenter x et y dans une boucle while.
Tu peux même mettre un Thread.Sleep() pour que ça ne s'exécute pas trop vite.

Sinon, ta deuxième solution sera certainement plus simple mais nécessite une modification de l'image. Pour le fading, là encore une boucle While décrémentant la valeur de la propriété Opacity devrait faire l'affaire.

Alors moi je sors juste a peine du four , je viens de finir le tuto sur les interfaces et le mec nous a certainement pas parlé de Ce WPF.
Donc pour l'instant, je ne fais pas la différence, si quelqu'un pouvait m'éclairer >_<

@2eme méthode, ca ne me dérange pas mais je vais essayé !
mais je crois qu'il faut que ca décrémente l'opacité de photo1 et incrémente celle de photo2 en meme temps c'est ca ?
donc au chargement de l'appli il faut charger les 4 photo avec 3 a opacité 0 et une a 100 et puis passé au while direct.
j'espère que j'ai bien compris >_< !

03/08/2009, 14h04
laedit

Citation:

Envoyé par F.Saad

Alors moi je sors juste a peine du four , je viens de finir le tuto sur les interfaces et le mec nous a certainement pas parlé de Ce WPF.
Donc pour l'instant, je ne fais pas la différence, si quelqu'un pouvait m'éclairer >_<

@2eme méthode, ca ne me dérange pas mais je vais essayé !
mais je crois qu'il faut que ca décrémente l'opacité de photo1 et incrémente celle de photo2 en meme temps c'est ca ?
donc au chargement de l'appli il faut charger les 4 photo avec 3 a opacité 0 et une a 100 et puis passé au while direct.
j'espère que j'ai bien compris >_< !

Alors pour Windows Forms : MSDN

Et pour WPF : MSDN aussi

Pour faire simple, WPF est destiné à remplacer Windows Forms car il utilise la carte graphique au lieu du processeur pour faire les rendu des interface, il sépare bien la partie métier (traitement des donénes, etc...) de la partie interface graphique grâce à un langage dérivé du XML, le XAML et il permet énormément de choses.

Pour ta deuxième solution, tu peux aussi charger tes images seulement si tu en as besoin. Mais évidemment, seule une aurait sa propriété Opacity au maximum.
Et pour le fade, tu peux soit décrémenter l'Opacity de l'image courante et incrémenter celle de la nouvelle image, ou faire l'un après l'autre, ça dépend de ce que tu veux comme résultat final.