Image externe en bitmap

Version imprimable

Bonjour,

J'ai développé un flash qui permet de faire un coloriage pour les enfants. Lorsque je met mon image (qui est un gif) dans ma bibliothèque et que je crée un objet bitmap avec mon image dedans, j'ai aucun soucis , j'arrive bien a changer les couleurs de l'image.
voici le code :

Code:

1
2
3
4
5
6
 
var mc:MovieClip =_level0.createEmptyMovieClip("coloriageMc",this.getNextHighestDepth());
var bmpd:BitmapData = BitmapData.loadBitmap( 'coloriage01');
mc.attachBitmap( bmpd, _level0.getNextHighestDepth() );
mc._x = 350 ;
mc._y = 10 ;

Mon soucis c'est que l'image du dessin est administrable et donc stocké sur le serveur.
Je récupère donc le lien de mon image (remoting), je la charge dans un clip mais pas moyen de modifier les couleurs, je pense pourtant bien la transformer en bitmap, voici le code :

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
33
34
35
36
37
38
39
40
41
 
// Création d'un clip destiné à recevoir le fichier externe
		var mc:MovieClip =_level0.createEmptyMovieClip("coloriageMc",this.getNextHighestDepth());
 
		/*
 
		Utilisez la classe MovieClipLoader de manière à savoir
		quand le fichier externe est chargé ou si le chargement a échoué
 
		*/
 
		loader = new MovieClipLoader()
 
		// Obtention des mises à jour de l'état par déclenchement d'événements
		loader.addListener(_level0)
 
		// Chargement du fichier externe dans le clip récepteur
		loader.loadClip(_global.che+"images_produit/upload_direct/"+pData.getItemAt(j)["fichier"],coloriageMc)
 
 
		// Cette fonction est appelée par l'objet 'loader' dès que le fichier est chargé et prêt à l'emploi.
		function onLoadInit()
		{
 
		/*
		Créez un nouvel objet bitmap en mémoire de même taille que
		le fichier chargé et remplissez-le de pixels transparents.
		*/
			myBitmap = new BitmapData(563, 456,true,0x00FF0000)
		trace('ici');
			// Instantané du clip contenant le fichier externe chargé
			myBitmap.draw(coloriageMc)
 
			// Suppression du clip devenu inutile
			coloriageMc.removeMovieClip()
		}
 
		var bmpd:BitmapData = BitmapData.loadBitmap( 'coloriage01');
		mc.attachBitmap( myBitmap, _level0.getNextHighestDepth() );
		mc._x = 350 ;
		mc._y = 10 ;

J'espère être clair, merci d'avance

04/10/2010, 20h06
Lorenzo77

createEmptyMovieClip :calim2:
cette méthode est supprimé dans l'AS3 !
meme remarque pour MovieClipLoader

sinon un simple draw() suffit pour passer d'un DisplayObject a un BitmapData ... mais corrige d'abord toutes les erreurs de ton code
05/10/2010, 09h06
taka10

Toutes les erreurs ? Je comprend pas car les méthodes n'existent plus mais elles fonctionnent.
05/10/2010, 10h47
taka10

Je ne vois pas ce qui fait ça fonctionne pas avec le code fournit

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
 
var load:Loader = new Loader();
load.contentLoaderInfo.addEventListener(Event.OPEN, this.evtDebutChargement);
load.contentLoaderInfo.addEventListener(IOErrorEvent.IO_ERROR, this.evtErreurChargement);
load.contentLoaderInfo.addEventListener(SecurityErrorEvent.SECURITY_ERROR, this.evtErreurChargement);
load.contentLoaderInfo.addEventListener(Event.COMPLETE , this.evtFinChargement);
var req:URLRequest = new URLRequest("fichier.png");
load.load(req);
 
 
/**
* Réponse aux évenements du Loader
*/
private function evtDebutChargement(ev:Event):void {
	trace("evtDebutChargement ");
}
 
/**
* Réponse aux évenements du Loader
*/
private function evtErreurChargement(ev:Event):void {
	trace("evtErreurChargement ");
}
 
/**
* Réponse aux évenements du Loader
*/
private function evtFinChargement(ev:Event):void {
	trace("evtFinChargement ");
}

c'est la facon de faire en AS3.

dans evtFinChargement, tu fait le draw sur le Loader pour recuperer ton bmd

je te conseille de lire ceci :
http://help.adobe.com/fr_FR/AS3LCR/F...migration.html
http://help.adobe.com/fr_FR/AS3LCR/F...ay/Loader.html

06/10/2010, 15h27
taka10

Je me suis planté, mon script est en AS2 :oops:

Par contre je ne sais pas comment déplacer un topic

EDIT (beekeep) Déplacé

J'ai avancé tout doucement en cherchant à droite , à gauche :
voici mon code que j'ai simplifié pour une meilleure compréhension :
Code:

1 2 3 4 5 6 7 8 9 import flash.display.BitmapData; var bmp:BitmapData = new BitmapData(400, 300, true, 0xFFFFCC00); var mc:MovieClip = this.createEmptyMovieClip( "coloriageMc", this.getNextHighestDepth() ); bmp.draw('http://wwwwwwwwwwwwww/images/2__1__VE__Coloriage-1.gif'); mc.attachBitmap( bmp, this.getNextHighestDepth() );
J'ai bien un cadre avec un fond coloré (0xFFFFCC00), mais mon image que je souhaite afficher avec le draw, n'apparait pas, je ne vois pas d'ou peut venir le problème.

D'avance merci

12/10/2010, 17h30
Lorenzo77

on ne fait pas un draw() sur une chaine :aie:
si tu lis la doc, tu verras que le draw doit etre fait sur un IBitmapDrawable (les DisplayObject et BitmapData)
voir ici : http://livedocs.adobe.com/flash/9.0_....html#wp155695

autre chose a savoir, si tu charges une ressource externe, le draw() doit être fait aprés le chargement complet de la ressource et pour ca il faut utiliser les évènements
voir ici : http://livedocs.adobe.com/flash/9.0_...5.html#wp73156
et ici : http://livedocs.adobe.com/flash/9.0_...=00001997.html

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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
 
import flash.display.BitmapData;
var mc:MovieClip = this.createEmptyMovieClip( "coloriageMc", this.getNextHighestDepth() );
 
var mcLoader:MovieClipLoader = new MovieClipLoader();
mcLoader.addListener(this);
mcLoader.loadClip("http://www.xxxxxx.com/images/2__1__VE__Coloriage-1.gif", mc);
 
function onLoadInit()
	{
 
		var myBitmap:BitmapData = new BitmapData(563, 456,true,0x00FF0000);
 
		myBitmap.draw(mcLoader);
 
		mcLoader.unloadClip();
		//mcLoader.removeMovieClip();
 
		mc.attachBitmap( myBitmap, this.getNextHighestDepth() );
		mc._x = 350 ;
		mc._y = 10 ;
		mc.onPress = function()
		{
 
			//remplissage 
			myBitmap.floodFill((_xmouse - 350), (_ymouse -10), color);
 
		}
		//swatch pour voir la couleur
		var picker:MovieClip = this.createEmptyMovieClip( "colorPickerMc", this.getNextHighestDepth() );
		var bmpdPicker:BitmapData = BitmapData.loadBitmap( 'colorPicker' );
		picker.attachBitmap( bmpdPicker, this.getNextHighestDepth() );
		picker._x = 50 ;
		picker._y = 170 ;
 
 
 
		picker.onPress = picker.onRelease = function()
		{
 
			//sélecteur de couleur
			color = bmpdPicker.getPixel32( (_xmouse - 50), (_ymouse - 170)); // = déplacement dans l'espace
			//swatch (voir la couleur)
			/*bmpdSwatch.fillRect(bmpdSwatch.rectangle, color );
			trace(_xmouse)
			trace(color);*/
		}
 
		//crayon dessus des couleurs
		this.attachMovie( "souris","curseur", this.getNextHighestDepth() );
	}

Merci beaucoup, j'ai pu avancer avec tes réponses.

J'arrive à charger l'image, quand je clique sur une couleur et que je clique sur le dessin, j'ai tout le dessin qui change de couleur et non pas seulement la partie blanche où j'ai cliqué.