Discussion :

[luta]

bonjour,
apres avoir écumé les sites sur le sujet, en particulier celui de jean-phi,
je me suis mis a tester la classe displacementMapFilter...Tres interessante!
Maintenant j ai essayé de l utiliser en suivant des exemples sans forcément les comprendre plus que ça. Voici mon code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
Stage.scaleMode = "noScale";
noise= new flash.display.BitmapData(bgLave._width+10, bgLave._height+10);
 
this.createEmptyMovieClip("bmp_mc", this.getNextHighestDepth());
bmp_mc.attachBitmap(noise, 1);
 
this.createEmptyMovieClip("bmp_mc2", this.getNextHighestDepth());
var bmp = new flash.display.BitmapData(bgLave._width, bgLave._height);
 
bmp.draw(bgLave);
bmp_mc2.attachBitmap(bmp, 1);
bmp_mc2._x = bgLave._x;
bmp_mc2._y = bgLave._y;
offset1 = new flash.geom.Point(0, 0);
pt = new flash.geom.Point(0, 0);
bmp_mc._visible=false;
//bgLave._visible=false;
this.onEnterFrame = function ()
{
    offset1.y = offset1.y-5;
    offset1.x = offset1.x-5;
    noise.perlinNoise(100, 200, 1, 200, false, true, 1, false, [offset1]);
    dMap = new flash.filters.DisplacementMapFilter(noise, pt, 1, 1, 20, 20, "ignore");
    bmp_mc2.filters = [dMap];
};

mon gros probleme vient du fait que le clip dessinant mon imagge modifée dessine celle -ci...à moitiée,
c est a dire que le clip se place au milieu de mon image et dessine donc que la momitié de celle ci.
Je n arrive pas a comprendre le pourquoi
Merci de votre aide

[jean philippe]

salut
tu peux joindre le fichier simplifié avec le clip?

[luta]

Salut Jean-phi et merci pour ta réponse
oui bien sûr je peux le joindre le voici

j ai un peux de mal à comprendre pourquoi on fait des attachBitmap à répétition comme cela mais bon.. pour l instant je ne vais pas chercher la petite bête...essayons de trouver un truc qui fonctionne après on verra

[jean philippe]

salut
il faut tout simplement que tu replaces le contenu du clip bglave en coordonnées 0,0
je te joins le .fla corrigé

[luta]

merci JeanPhi...effectivement je n avais vraiment pas fait attention à cela.
Maintenant (et tu t en doutes ), mon problème vient de la couleur de fond.
L image dessinée (certainement provenant de la méthode draw() me met un fond blanc s'il n y a rien de dessiné.

J ai bien vu le constructeur de BitmapData pour avoir un fond transparent mais cela ne semble pas fonctioner

En tout cas merci pour ta réponse d avant!

[jean philippe]

comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
Stage.scaleMode = "noScale";
noise = new flash.display.BitmapData(bgLave._width+10, bgLave._height+10);
this.createEmptyMovieClip("bmp_mc", this.getNextHighestDepth());
bmp_mc.attachBitmap(noise, 1);
this.createEmptyMovieClip("bmp_mc2", this.getNextHighestDepth());
var bmp = new flash.display.BitmapData(bgLave._width, bgLave._height, true, 0x000000FF);
bmp.draw(bgLave);
bmp_mc2.attachBitmap(bmp, 1);
bmp_mc2._x = bgLave._x;
bmp_mc2._y = bgLave._y;
offset1 = new flash.geom.Point(0, 0);
pt = new flash.geom.Point(0, 0);
bmp_mc._visible = false;
//bgLave._visible=false;
this.onEnterFrame = function() {
	offset1.y = offset1.y-5;
	offset1.x = offset1.x-5;
	noise.perlinNoise(100, 200, 1, 200, false, true, 1, false, [offset1]);
	dMap = new flash.filters.DisplacementMapFilter(noise, pt, 1, 1, 20, 20, "ignore");
	bmp_mc2.filters = [dMap];
};

[luta]

Salut Jean-phi et re-merci pour ta réponse.
Je vois bien que la différence se situe dans les paramètres optionnels

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var bmp = new flash.display.BitmapData(bgLave._width, bgLave._height, true, 0x000066FF);

or moi j avais écrit

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var bmp = new flash.display.BitmapData(bgLave._width, bgLave._height, true);

je vois pas trop la différence à part une couleur spécifiée mais bon...
Me trompe-je?

Merci beacoup c est super comme résultat
JeanPhi est le

[jean philippe]

il manquait un paramètre
donc j'ai rajouté cette couleur : 0x000066FF
FF indique qu'elle est transaprente

[luta]

merci beaucoup c est génial