Zoom sur zone rectangulaire

Zoom sur zone rectangulaire - Flash/ActionScript - Programmation

Marsh Posté le 10-01-2006 à 17:48:58    

Bonjour,
 
Je cherche a faire un zoom sur une zone rectangulaire que g definie...
 
Je charge un swf externe dans un clip de mon anim principale et, ensuite, je zoom sur une partie du swf externe ou sur une autre...
 
je ne sais pas comment faire pour faire un zoom de mon rectangleafin qu il prenne le rectangle complet existant dans l anim principale et destine a l'anim secondaire... (j'espere que c un pau pres clair...:p)
 
Dans ma premiere anim, j ai un cadre qui contient l anim externe, et , a l interieur de cette anim je dois effectuer des zoom afin de faire prendre a mon rectangle de zoom la totalite de la place prevue dans l anim principale pour la secondaire...
 
Voila j espere que cela est clair...
 
MERCI BCP pour votre aide !
 
(j ai cherche toute l aprem sur le net mais rien de tres clair .. :s)
(je dispose de toutes les coordonnees x et y des 4 angles de mon rectangle)
 
;)

Reply

Marsh Posté le 10-01-2006 à 17:48:58   

Reply

Marsh Posté le 10-01-2006 à 18:04:53    

rien compris mais pour zoomer tu peux modifier le  _xscale et _yscale du conteneur de ton anim loadé...

Message cité 1 fois

---------------
D3
Reply

Marsh Posté le 11-01-2006 à 11:11:49    

mechkurt a écrit :

rien compris mais pour zoomer tu peux modifier le  _xscale et _yscale du conteneur de ton anim loadé...


 
 
LoL, je m'en doutais ... :p
 
Je voulais juste savoir si on pouvais faire un zoom sur des coordonnees particulieres en Flash... tu lui files les 4 points de zoom et il cadre son zoom dessus en maximizant la zone demander a la taille totale reservee au clip ... 8-)
 
(En esperant que ca soit + clair ...)
 
Merci @ toi mechkurt ;)

Reply

Marsh Posté le 11-01-2006 à 11:37:13    

mouais, je suis pas sur d'avoir plus compris que la fois d'avant mais pour eviter les post inutiles je vais essayer d'etre constructif:
1- tu calcule la largeur et la hauteur de ta zone de zoom (a l'aide de tes 4 points) puis tu divise la largeur obtenu par la hauteur, tu compares au ratio de ton anim principale (4/3 si tu est en resolution standard 1024x768, 800x600 ou 640x480).
2- si tu est au dessus c'est qu'il faudrat te baser sur la largeur de ton cadre de zoom pour calculer ton _xscale de l'anim loadé (regle de 3)
sinon tu utilise la hauteur pour calculer le _yscale
3- tu accorde le _yscale au _xscale (ou l'inverse)

Message cité 1 fois

---------------
D3
Reply

Marsh Posté le 11-01-2006 à 11:57:28    

mechkurt a écrit :

mouais, je suis pas sur d'avoir plus compris que la fois d'avant mais pour eviter les post inutiles je vais essayer d'etre constructif:
1- tu calcule la largeur et la hauteur de ta zone de zoom (a l'aide de tes 4 points) puis tu divise la largeur obtenu par la hauteur, tu compares au ratio de ton anim principale (4/3 si tu est en resolution standard 1024x768, 800x600 ou 640x480).
2- si tu est au dessus c'est qu'il faudrat te baser sur la largeur de ton cadre de zoom pour calculer ton _xscale de l'anim loadé (regle de 3)
sinon tu utilise la hauteur pour calculer le _yscale
3- tu accorde le _yscale au _xscale (ou l'inverse)


 
 
Mon anim principale est en 655*380 et la zone de carte est de 450*300 :
 
sachant que la zone de la carte externe commence aux coordonnees : x : 5.5 pixels & y : 47.7 pixels
 
voici donc mon code :
 

Code :
  1. largeurZoom=xMaxChoixFlash - xMinChoixFlash;
  2. hauteurZoom=yMinChoixFlash - yMaxChoixFlash;
  4. ratio=largeurZoom/hauteurZoom;
  6. if(largeurZoom < hauteurZoom) {
  7.  largeurZoom=hauteurZoom;
  8. } else {
  9.  hauteurZoom=largeurZoom;
  10. }
  12. trace("largeurZoom : "+largeurZoom);
  13. trace("hauteurZoom : "+hauteurZoom);
  15. _root.zoomInitial(_root.carteCentrale);
  17. _root.carteCentrale._xscale +=largeurZoom*ratio;
  18. _root.carteCentrale._yscale +=hauteurZoom*ratio;
  20. _root.carteCentrale._x=_root.carteCentrale._x-xMinChoixFlash+5.5;
  21. _root.carteCentrale._y=_root.carteCentrale._y-yMaxChoixFlash+47.7;


 
8-) Merci de ton aide ;)

Reply

Marsh Posté le 15-05-2009 à 17:38:56    

Bonjour,
excusez-moi de déterrer ce vieux topic, mais j'aimerais convertir ce bout de code en AS3. Je cherche à faire la même chose (zoom sur une carte à partir d'un rectangle).
J'ai déjà la forme de mon rectangle (donc les coordonnées des 4 points), et j'ai essayé de faire la suite des calculs en AS3 mais le zoom s'effectue n'importe comment.
Je voudrais savoir :
 
- à quoi correspond cette ligne :
_root.zoomInitial(_root.carteCentrale);
 
- et s'il y a un équivalent de _root en AS3.
 
Merci de votre aide !

Reply

Marsh Posté le 15-05-2009 à 18:11:19    

Si tu parle du root en terme de conteneur, et donc de movieClip, l'équivelent de "_root" est "MovieClip(root)"...


---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
Reply

Marsh Posté le 15-05-2009 à 18:37:35    

Je ne sais pas de quoi je parle je débute... :(
Mais vu qu'il a mis des _root partout je me dis que c'est forcément important.

Reply

Marsh Posté le 15-05-2009 à 23:47:46    

root c'est la racine... la base du document...
"_root.machin", ça correspond à l'élement (variable, clip...) qui s'appel "machin" dans la racine du document


---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
Reply

Marsh Posté le 16-05-2009 à 22:44:47    

Et donc c'est indispensable que je me serve de ça pour le transcrire en AS3 ?

Reply

Marsh Posté le 16-05-2009 à 22:44:47   

Reply

Marsh Posté le 16-05-2009 à 23:11:02    

je te deconseille vivement de te lancer dans la conversion de ce script si tu ne comprend pas les bases...
Ici, le ROOT sert de referentiel au chemin de tes clip, c'est comme le parcours de dossier sur ton ordi... si un fichier n'est pas dans un dossier, soit tu dois faire repertoire precedent (parent dans flash), soit tu repars de la racine du HDD (root dans flash...)
Mais je crois que je parle dans le vide... nan ? parceque je vois pas comment tu es à même de comprendre le code si dessus si tu ne connais pas ces bases...


---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
Reply

Marsh Posté le 18-05-2009 à 10:57:02    

Merci pour toutes ces infos, c'est déjà un peu plus clair !
J'ai tenté de faire quelque chose, il y a un début de zoom mais il ne s'effectue pas de la bonne façon.
 
Voici le contenu de mon .as
 

Code :
  1. package
  2. {
  3. import flash.display.* ;
  4. import flash.events.* ;
  5. import flash.ui.* ;
  6. import flash.geom.* ;
  7. import flash.text.* ;
  9. public class test_as extends MovieClip
  10. {
  11.  public var cadre:Sprite = new Sprite();
  13.  public var largeur:Number = stage.stageWidth;
  14. public var hauteur:Number = stage.stageHeight;
  16.  public var mc:MovieClip;
  17.  public var zoneTexte:TextField ;
  18.  public var coordx:Number;
  19.  public var coordy:Number;
  20.  public var largeurzoom:Number ;
  21.  public var hauteurzoom:Number ;
  22.  public var ratio:Number;
  25.  public function test_as()
  26.  {
  27.   RectangleSelection (1.0, 0xFF0000, 1.0, 0x00FF00, 0.2) ;
  29.   mc = new map() ;
  30.   mc.x = largeur/2 ;
  31.   mc.y = hauteur/2 ;
  32.   addChild(mc);
  34.   zoneTexte = new TextField() ;
  35.   addChild(zoneTexte);
  36.  }
  38.  function RectangleSelection (epaisseurContour, couleurContour, alphaContour, couleurFond, alphaFond)
  39.  {
  40.   stage.addEventListener(MouseEvent.MOUSE_DOWN,startCadre);
  41.   stage.addEventListener(MouseEvent.MOUSE_UP,stopCadre);
  43.   function startCadre(event:MouseEvent):void
  44.   {
  45.    stage.addEventListener(MouseEvent.MOUSE_MOVE,resizeCadre);
  46.    cadre.x = mouseX;
  47.    cadre.y = mouseY;
  48.    resizeCadre(event);
  49.    addChild(cadre);
  50.   }
  52.   function stopCadre(event:MouseEvent):void
  53.   {
  54.    stage.removeEventListener(MouseEvent.MOUSE_MOVE,resizeCadre);
  55.    removeChild(cadre);
  57.    mc.scaleX += largeurzoom * ratio;
  58.    mc.scaleY += hauteurzoom * ratio;
  60.    mc.x = mc.x-coordx+largeur/2;
  61.    mc.y = mc.y-coordy+hauteur/2;
  62.   }
  64.   function resizeCadre(event:MouseEvent):void
  65.   {
  66.    cadre.graphics.clear();
  67.    cadre.graphics.lineStyle(epaisseurContour, couleurContour, alphaContour);
  68.    cadre.graphics.beginFill(couleurFond, alphaFond);
  69.    cadre.graphics.moveTo(0, 0);
  70.    cadre.graphics.lineTo(0, cadre.mouseY);
  71.    cadre.graphics.lineTo(cadre.mouseX, cadre.mouseY);
  72.    cadre.graphics.lineTo(cadre.mouseX, 0);
  73.    cadre.graphics.lineTo(0, 0);
  74.    cadre.graphics.endFill();
  75.    event.updateAfterEvent();
  77.    coordx = mouseX;
  78.    coordy = mouseY;
  79.    largeurzoom = cadre.mouseX;
  80.    hauteurzoom = cadre.mouseY;
  82.    ratio = largeurzoom/hauteurzoom ;
  84.    zoneTexte.text = "X = " + coordx + "\n" +
  85.         "Y = " + coordy + "\n" +
  86.         "largeurzoom = " + largeurzoom + "\n" +
  87.         "hauteurzoom = " + hauteurzoom + "\n" +
  88.         "Ratio = " + ratio ;
  90.    if (largeurzoom < hauteurzoom) largeurzoom = hauteurzoom ;
  91.    else hauteurzoom = largeurzoom ;
  92.   }
  93.  }
  94. }
  95. }

Reply

Marsh Posté le 18-05-2009 à 18:25:20    

On ne sais pas trop ce que tu cherche à faire, et tu nous met pas la portion de code adéquate (tout balancer comme ça c'est très déroutant !)...
Dis quel est le problème, ce qu'il fait au lieu de quoi...


---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
Reply

Marsh Posté le 18-05-2009 à 21:25:33    

Ce que je cherche à faire c'est un zoom à partir d'un rectangle. En gros, sur une carte, si on trace un rectangle sur Paris par exemple, on zoom pour n'afficher que la zone sélectionnée (en l'occurrence Paris).
 
J'ai mis le code entier pour pouvoir tester, car on ne peut pas importer de fichiers, et surtout parce que l'erreur pourrait venir d'ailleurs.
 
Les bouts de code qui sont intéressants sont :
 
- dans la fonction stopCadre :
 

Code :
  1. mc.scaleX += largeurzoom * ratio;
  2. mc.scaleY += hauteurzoom * ratio;
  4. mc.x = mc.x-coordx+largeur/2;
  5. mc.y = mc.y-coordy+hauteur/2;


 
 
- et dans la fonction resizeCadre :
 

Code :
  1. coordx = mouseX;
  2. coordy = mouseY;
  3. largeurzoom = cadre.mouseX;
  4. hauteurzoom = cadre.mouseY;
  6. ratio = largeurzoom/hauteurzoom ;
  8. if (largeurzoom < hauteurzoom) largeurzoom = hauteurzoom ;
  9. else hauteurzoom = largeurzoom ;


 
 
Et le résultat obtenu est plus qu'étrange (assez indescriptible), quand je fais un petit rectangle normalement ça devrait zoomer à fond pour m'afficher une petite portion de carte, et quand je fais un énorme rectangle ça devrait à peine zoomer pour m'afficher une grande portion de carte. Là ça fait l'inverse et je ne comprends pas pourquoi.


Message édité par egr le 18-05-2009 à 21:28:03
Reply

Marsh Posté le 18-05-2009 à 23:02:28    

Remplace
 
mc.scaleX += largeurzoom * ratio;
mc.scaleY += hauteurzoom * ratio;
 
par
 
mc.scaleX += (mc.width - largeurzoom) * ratio;
mc.scaleY += (mc.height- hauteurzoom) * ratio;
 
ça me parait plus logique, je me goure peut-etre, je suis trop fatigué pour trop réfléchir...


---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
Reply

Marsh Posté le 19-05-2009 à 09:17:02    

C'est vrai que ça parait plus logique mais ça ne marche pas non plus :(
Il n'y a aucun moyen de vous importer ne serait-ce qu'un .swf pour que vous vous rendiez compte ?

Reply

Marsh Posté le 19-05-2009 à 09:25:01    

bah, il en existe 100...
Par exemple, mettre sur un FTP le .fla zippé...
ou utiliser le service http://dl.free.fr et nous donner l'url qui te donneront pour ton fichier...


---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
Reply

Marsh Posté le 19-05-2009 à 09:47:04    

Oui je connais ce genre de site mais peut-être qu'il y aurait eu moyen de le transférer directement par hardware.
Bref voici le fichier zip : http://dl.free.fr/u062CZMuu


Message édité par egr le 19-05-2009 à 09:47:30
Reply

Marsh Posté le 20-05-2009 à 09:40:25    

Personne d'autre ne peut m'aider ? :(

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed