begin process at 2012 05 26 15:48:43
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Flash / Flash MX

 > 

Scripts

 > 

ActionScript

 > 

as3 Alignement image dans clip apres chargement


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

as3 Alignement image dans clip apres chargement

dimanche 24 janvier 2010 à 12:37:36 | as3 Alignement image dans clip apres chargement

yahou29

Bonjour,

Je souhaite charger une image dans un clip.
Si je charge l'image sur la scène, tout va bien.
Si je charge l'image dans un clip, cela m'affiche le quart supérieur gauche de la photo dans le quart inférieur droit de la scène.

Code ActionScript :
var loader:Loader=new Loader;
var url:URLRequest=new URLRequest("./lib/fond.jpg");

loader.load(url);

container.addChild(loader);


Je voudrais que le centre de l'image chargée soit aligné au centre de la scène.??
Merci.
dimanche 24 janvier 2010 à 13:12:54 | Re : as3 Alignement image dans clip apres chargement

yahou29

Je répond en partie à mon messsage :

Code ActionScript :
import fl.transitions.Tween;

var loader:Loader=new Loader;
var url:URLRequest=new URLRequest("./lib/fond.jpg");

var align_x:Tween = new Tween(this.container, "x", null, this.container.x, this.loader.x, 0.5, true);
var align_y:Tween = new Tween(this.container, "y", null, this.container.y, this.loader.y, 0.5, true);

container.addChild(loader);
loader.load(url);


Je souhaiterai avoir le même résultat dans l'effet de transition... ? Merci
dimanche 24 janvier 2010 à 13:31:36 | Re : as3 Alignement image dans clip apres chargement

yahou29

"sans l'effet de transition"
dimanche 24 janvier 2010 à 14:06:36 | Re : as3 Alignement image dans clip apres chargement

pegase31

Membre Club Administrateur CodeS-SourceS
Bonjour,

Comme pour 3 questions posées depuis cette fin de semaine : tu dois attendre la fin du chargement de ton image pour pouvoir la centrer.

Comment ? Tout est expliqué dans la doc en ligne de flash, section "chargement d'image externe".

Peg'
dimanche 24 janvier 2010 à 15:56:58 | Re : as3 Alignement image dans clip apres chargement

yahou29

Comme pour 3 questions posées depuis cette fin de semaine

???

Merci, mais c'est le même résultat.
Je n'arrive plus à fair fonctionner le Tween et je voudrais centrer l'image sans transition, y a t'il une autre solution pour centrer l'image ? Merci

Code ActionScript :

// création du conteneur de l'image
var conteneurImage:Loader = new Loader();

// url de l'image à charger
var image:URLRequest=new URLRequest("./lib/fond.jpg");

// Le chargement est terminé
function onComplete(e:Event):void {	

	this.container.fond.addChild(conteneurImage);
	trace("fini");
	
}

// Progression du chargement
function onProgress(e:ProgressEvent):void {
	
	trace("en cours");
}

// Evénement progress
conteneurImage.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, onProgress);

// Evénement complete
conteneurImage.contentLoaderInfo.addEventListener(Event.COMPLETE, onComplete);

// chargement de l'image dans le conteneur
conteneurImage.load(image);





dimanche 24 janvier 2010 à 16:35:51 | Re : as3 Alignement image dans clip apres chargement

pegase31

Membre Club Administrateur CodeS-SourceS
Réponse acceptée !
oui : modifier les x et y de ton image pour que le coin haut gauche du loader soit au bon endroit.

Pour celà un simple calcul permettrais de le faire facilement :

(largeur de la scène - largeur de l'image) /2 .. de même pour la hauteur.

Peg'
dimanche 24 janvier 2010 à 22:53:05 | Re : as3 Alignement image dans clip apres chargement

yahou29

Encore merci. J'ai voulu faire compliqué alors que c'est simple.

Je mets le code au cas où d'autres personnes aient le même problème.
Ce code permet de charger une image de fond dynamiquement et d'en modifier la taille en fonction de la résolution du navigateur en gardant le ratio.

Un grand merci à Pegase31.

Code ActionScript :
stage.align = "TL";
stage.scaleMode = "noScale";
stage.showDefaultContextMenu = false;

// création du conteneur de l'image
var conteneurImage:Loader = new Loader();

// url de l'image à charger
var image:URLRequest=new URLRequest("./lib/fond.jpg");

// Le chargement est terminé
function onComplete(e:Event):void {	
	// Ajout de l'image sur le calque "fond"
	this.container.fond.addChild(conteneurImage);

	//Calcul ratio
	var fondHeight = container.fond.height / container.fond.width;
	var fondWidth = container.fond.width / container.fond.height;

	//Modification taille et position image de fond
	if ((stage.stageHeight / stage.stageWidth) < fondHeight) {
		// Modification taille
		conteneurImage.width=stage.stageWidth;
		conteneurImage.height=fondHeight * conteneurImage.width;
		
		// positionnement de l'image de fond
		this.container.x = (stage.stageWidth - conteneurImage.width) / 2;
		this.container.y =(stage.stageHeight - conteneurImage.height) / 2;
	} else {
		// Modification taille
		conteneurImage.height = stage.stageHeight;
		conteneurImage.width = fondWidth * conteneurImage.height;
		
		// positionnement de l'image de fond
		this.container.x = (stage.stageWidth - conteneurImage.width) / 2;
		this.container.y =(stage.stageHeight - conteneurImage.height) / 2;
	};
}

// Progression du chargement
function onProgress(e:ProgressEvent):void {
	trace("en cours");
}

// Evénement progress
conteneurImage.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, onProgress);

// Evénement complete
conteneurImage.contentLoaderInfo.addEventListener(Event.COMPLETE, onComplete);

// chargement de l'image dans le conteneur
conteneurImage.load(image);





Cette discussion est classée dans : image, clip, loader, scène, as3


Répondre à ce message

Sujets en rapport avec ce message

image d'un clip renvoyant à l'image 1 de la scène principale [ par tiburce ] Bonjour,Dans un clip, je souhaite que la dernière image renvoie à la première image de ma scène principale mais avec un mais.donc, je mets _root.gotoA Prob avec un clip [ par sylvain78 ] Je n'ai qu'une scène avec 2 images, dans l'image 1 j'ai un clip, je n'arrive pas à aller à l'image 2 de cette scène à partir d'une action sur le clip. problème de liens dans ma scène entre mes images clés... [ par alizg ] Bonsoir tous le monde, j'ai un petit souci sous flash mx...J'ai dans ma scène plusieurs clips, (écran1) le premier dure 10 images (l'image 10 contient probleme loader Images... [ par Le Raton Laveur ] je suis dans un clip, j'ai un clip vide appeler "image" dans lekel je load et centre des images. sur ce clip j'ai le code suivant:onClipEvent(load){po bouton flash [ par k_ass ] Bonjour,Sur ma scène, j'ai en image 1, un clip "intro" et sur cette image une action "stop". Donc quand je lance mon SWF, mon animation est bloquée su clip qui se dupplique et se retourne en AS [ par JackNUMBER ] bonjour !!je suis débutant en AS :) sur ma scène j'ai un CLIP (occurence: image) et avec un petit bout de code sur la scène ( image.loadMovie("images/ Lire un clip automatiquement à la suite d'un autre. [ par magblues95 ] Bonjour à tous, Je suis nouvelle et carrément novice en code, c'est du chinois pour moi ! Je galère depuis une semaine et j'ai un peu plus de cheveux Evenements en AS3 [ par Djad666 ] Bonjour,Je travaille en AS3 et j'ai une question:Est-ce possible de réserver un événement à un clip? C'est à dire est-ce possible de faire en sorte qu affichage image et movie clip [ par beub63 ] Bonjour, je suis novice et j essaie de développer une petit interface flash.J ai donc une scène avec un premier movieclip dans lequel j'ai des champs function dans un clip [ par ehp ] Bonjour, J'aimerai savoir si une fonction dans une occurence de clip peut avoir une action sur la scène, par exemple dans mon occurence de clip en cli


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,421 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales