RETAILLER UNE IMAGE EN CONSERVANT SES PROPORTIONS

Commentaire de pegase31 le 05/12/2005 02:09:08 administrateur CS

Question conne : pourquoi ne pas avoir utilisée "_xscale" et "_yscale" plutôt qu'une règle de 3 appliquée au pixel ?

Tu veux une image de 500 pixels de large et qu'elle garde sa proportion ? Ben fais comme ça :

MonClip._width = 500;
MonClip._yscale = MonClip._xscale;

Peg'

Commentaire de pegase31 le 05/12/2005 02:57:31 administrateur CS

j'ai essayé avant de te ballancer ce cote .. et avec un rectangle ou pas, ça passe!

Transforme le "_width" de ton clip et trace son "_xscale", tu verras que tu auras le % de "retaillage", comme tu dis.
A partir de là, tu pourras l'appliquer à ton "_yscale".

Je vais pas me planter sur un truc aussi basique, tout de même...

Peg'

Commentaire de Loubiou le 05/12/2005 03:53:24

Bon alors on ne va pas se prendre la tête cher Ami !

Je viens de faire le test avec ta fonction et tu as raison !!
Je viens de créer 2 rectangles et un carré au format jpg avec une grille dedans.
Pas de déformation !!

Pour la version de flash 7 j'avais ce problème d'écrasement de l'image.
Il semble que sous flash 8 le fonction _x/y/scale ne déforme pas l'image.
Enfin il faudrait que je refasse des tests avec mes progs de la version 7 à la version 8 pour voir si la ça coince toujours.
Il est possible que le format de l'image puisse en être la cause (à tester donc).

Ton code est réellement optimisé du fait de l'utilisation des fonctiones _xscale et _yscale, chapeau bas PEGASE31 et surtout à cette heure de la nuit (lol)

Commentaire de Loubiou le 06/12/2005 04:56:30

Pourrais-tu regarder ma mise à jour, car j'ai modifier mon code pour faire un centrage quelque soit la forme de l'image intégré. Si tu fait des essais avec les différentes images que je joins dans le zip cela va se comprendre tout de suite.
Maintenant si tu te sens l'envie d'optimiser mon code avec les fonction scale de flash, pourquoi pas. En fait j'ai écris ce code dans l'intention de positionner un centrage parfait.
Bien entendu comme je te disais, j'ai eu des problèmes d'écrasement avec ces fonction sous MX.

Commentaire de petitelarve le 07/12/2005 16:59:08

Zallez ptetre pouvoir m'aider ... je fai un diaporama. jarrive a afficher les images plus ou moin kom jeveux les une a la suite des autres. Mais je n'arrive pas à implementer une fonctionnalité qui retaille en gardan les proportions. HELP ! voici tou le code


var largeur =100;
var hauteur = 100;
var espace =70;
//je sai c crade de definir hauteur largeur la ms g pa su faire autrement pour la barre diaporama...

this.createEmptyMovieClip("diaporama",10);

//l'ordonnée du clip "diaporama". Son abscisse sera définie plus loin par la position du curseur.
diaporama._y = 10;

var infoTof:XML=new XML(); //creer un objet XML
infoTof.ignoreWhite=true; //ignorer les sauts de ligne
infoTof.load("Tofs.xml");//loader le fichier
infoTof.onLoad=function(){
var chemin:String="/racine/photo/Chemin/*";
global.tofs_tab=mx.xpath.XPathAPI.selectNodeList(this.firstChild,chemin); //tableau de tous les chemins des tofs du noeud
for(var i:Number=0;i<_global.tofs_tab.length;i++){
trace(_global.tofs_tab[i]);

var mc = diaporama.createEmptyMovieClip("clip"+i, i);
//définissons les abscisses des clips "photo" contenus dans le clip diaporama

mc._x = espace + (largeur + espace)*i;
mc._y=300;

//nouveau clip vide qui s'appelle "conteneur (contient limage a charger)
mc.createEmptyMovieClip("conteneur",10);
mc.conteneur.loadMovie(_global.tofs_tab[i]);
mc.conteneur._xscale/=5;
mc.conteneur._yscale/=5;

}//for


largeurTotale = _global.tofs_tab.length*(largeur + espace) + espace;

}//onLoad

onMouseMove = function() {
diaporama._x = (600 - largeurTotale)/600*_xmouse;
}

Commentaire de goldenboy68 le 07/12/2005 17:54:27

Pour ma part, ce sera 5/10...la moyenne, mais sans plus. Un MovieClipLoader utilisé tout seul ferait l'affaire.

@+! Samy

Commentaire de threep21 le 07/12/2005 22:57:55

nan mais moi je trouve que ça part d'un bon sentiment de faire ses "petits add-on" pour flash. Surtout que c'est bien pratique pour qui veux monter une gallerie. Au moins si ça ne fait pas office de source super top, il suffit pour qui cherche ce code de lire les commentaires et d'apprendre comment on fait.

A defaut d'être une bonne source, c'est un bon tutoriel ^^

Commentaire de Loubiou le 08/12/2005 12:15:29

Déjà avant d'adapter à ton projet, il faut bien comprendre comment le code fonctionne c'est seulement une fois qu'on a bien compris le mécanisme qu'on pourra adapter à son code.

Pour ton cas, c'est certainement un problème de chemin de notation à point.
Tu n'est pas obligé d'utiliser le fichier AS, tu peux recopier la fonction dans le root de ton code et l'appelé par _root.ma fonction. Voilà sinon je ne vois pas comment t'aider plus dans l'immédiat.

Commentaire de damingo le 25/09/2006 14:51:09

Bonjour,

Pour ma part, cela m'a ete tres utile...
Par contre, j'ai un gros souci: une fois l'image redimensionnee, je n'arrive pas a la deplacer "en animation".
Par exemple, si l'image est en (0,0) a la frame 0 et que je cree une motion jusqu a la frame 10 en deplacant l'image en (100,100), l'image ne bougera pas du tout. Ca fonctionne uniquement si on supprime le scale. :s
Qqun aurait-il une idee?
:)

Commentaire de goldenboy68 le 06/10/2006 00:43:24

Damingo...pour faire un simple déplacement, tu aurais pu le coder en AS et tu aurais pu garder le scale du coup.

@+! Samy

Commentaire de goldenboy68 le 06/10/2006 11:41:00

Ton idée est en tout cas pas la bonne!!
Voilà une solution par exemple :

var cont:MovieClip = this.createEmptyMovieClip("conteneur", 1);

cont.loadMovie("test.jpg");

function reduire():Void{
cont._xscale = cont._yscale = cont._xscale*0.4;
}

function deplacer(sens:Number):Void{
clearInterval(id);
this.cont._x += sens;
if(this.cont._x < 150 && sens > 0){
this.id = setInterval(this, "deplacer", 20, 1);
}else if(this.cont._x > 0 && sens < 0){
this.id = setInterval(this, "deplacer", 20, -1);
}else if(this.cont._x >= 150){
this.id = setInterval(this, "deplacer", 20, -1);
}else if(this.cont._x <= 0){
this.id = setInterval(this, "deplacer", 20, 1);
}
}

setTimeout(this, "reduire", 2000);

this.id = setInterval(this, "deplacer", 20, 1);


=> Remplace le loadMovie par un MovieClipLoader et tu fais la reduction sur l'évènement onLoadInit et tu lances le déplacement sur le même évènement.

Tu colles ça dans un nouveau document flash, tu l'enregistres dans un dossier et dans ce même dossier, il faut juste que tu mettes une image "test.jpg" pour voir ce que ça donne.

@+! Samy

Commentaire de naniekrea le 21/11/2008 00:28:15

Heu ... autre question : est-il possible de charger une image et de lui définir un angle (visualisation d'une image oblique)
je ne sais pas si cela est faisable.
merci