jeanphiBlog

VIDEO CHAT FLEX3 FMS | | VIDEO CHAT FLEX RED5 | | GUESTBOOK

FLASH 8 : DisplacementMapFilter exemples...

Par jeanphilippe, vendredi 14 octobre 2005 à 05:34 :: Flash 8 :: #160 :: rss

Extrait de la documentation : "La classe DisplacementMapFilter (flash.filters.DisplacementMapFilter) utilise les valeurs de pixels de l'objet BitmapData spécifié (intitulé image de mappage du déplacement) pour déplacer un objet situé sur la scène, telle qu'une occurrence MovieClip. Vous pouvez utiliser ce filtre pour obtenir un effet voilé ou de tacheté sur une occurrence BitmapData ou MovieClip."

Pratiquant depuis très longtemps le logiciel Adobe Photoshop, la notion de DisplacementMap ne m'était pas inconnue et me permettait déjà de mapper des textures ou des reliefs sur une image afin de la déformer ou de la faire épouser une forme précise.
Depuis l'apparition de Flash 8 et de sa panoplie de filtre, il est maintenant possible de faire la même chose, et de pouvoir même l'animer.

Voici donc une série de trois exemples.

Premier exemple : Déformer du texte par rapport à une image.

Deuxième exemple : Déformer une animation par rapport à une image..

Troisième exemple : Déformer une video par rapport à une image..

Les fichiers sources sont téléchargeable à cette adresse.
Ces fichiers sont des bases de travail, mon code n'est pas forcément optimisé.

Trackbacks

Aucun trackback.

Les trackbacks pour ce billet sont fermés.

Commentaires

1. Le vendredi 14 octobre 2005 à 09:14, par Yaya

Salut JeanPhil,
bien les nvelles possibilités....
yaya

2. Le vendredi 14 octobre 2005 à 11:42, par grand-mister

OK, c'est comme ça qu'on fait l'effet d'eau.
Merci

3. Le vendredi 14 octobre 2005 à 13:13, par Le ChapelierFou

salut,
excellente trouvaille!
Je vais regarder ca de plus près.
Merci!

4. Le lundi 5 décembre 2005 à 11:56, par feuch

franchement, c'est epatant ce que tu magouille avec le code.
des possibilitées de folies

5. Le samedi 18 mars 2006 à 17:25, par playmobil77d

Je n'arrive pas a ouvrir les ressources pourtant sa m'interesse quelqu'un peux m'aider ?

6. Le samedi 18 mars 2006 à 17:27, par jeanphilippe

tu possèdes Flash 8?

7. Le dimanche 19 mars 2006 à 20:50, par playmobil77d

oups non je croyais désolé :$

8. Le dimanche 10 juin 2007 à 17:34, par rocklee

vrémen cool, jai essayé avec plusieur bitmap, et sa marche vrément, je ne m'attendai pas a ce qu'un logiciel d'anim vecto puis prendre en considération des pixels, vive flash8!!!

9. Le dimanche 10 juin 2007 à 22:26, par damienjdf

Bonsoir JeanFi, Je suis super content de trouver un siet comme le tiens, je ne suis pas une bête d'action script et j'ai une petite question à te poser : Pour un accessoire de jeu, je dois simuler une visio dans une interface flash. J'ai l'interface, 2 webcam, 3 calques 1 pour l'interface 2 pour webcam 01 3 pour webcam 02

Mon code pour les webcams:

localCamera1 = camera.get(); localVidInstance1.attachVideo(localCamera1); mic = Microphone.get(10); mic.setRate(44); mic.setGain(70); // was 90... set this around 20-45 for a normal range mic.setSilenceLevel(1); mic.setUseEchoSuppression(true); _root.attachAudio(mic);

J'ai remplacé localcamera1 par localcamera2 et localVidInstance1 par localVidInstance2.

Le résultat : je ne me connecte qu'à une seule webcam et impossible d'avoir la main sur la deuxième. Donc je me demande comment dissocier les deux webcams pour que l'on puisse les voir indépendament. Si tu as une idée, je suis preneur.

10. Le vendredi 9 novembre 2007 à 11:02, par KoFee

Bonjour, le post d'origine date un peu mais c'est pourtant un des seul exemple que j'ai trouvé sur le net français pour obtenir ce genre d'effet. J'ai repris un peu le principe car je veux creer un globe interractif de la terre en flash, sans faire de l'animation image par image de la rotation du globe, tout en conservant l'aspect déformé des continents lors de la rotation. J'ai donc modifié le code, de manière a ce que la typo puisse être controlée par des boutons afin de choisir le sens de rotation (j'ai enlevé le blur qui ne convenait pas à mon anim):

import flash.filters.*; import flash.display.BitmapData; import flash.geom.ColorTransform; import flash.geom.Rectangle; import flash.geom.Matrix; bitmap = BitmapData.loadBitmap('fond'); var mc:MovieClip = this.createEmptyMovieClip("mc", 1); mc.attachBitmap(bitmap, 1); ////////// var displac:DisplacementMapFilter = new flash.filters.DisplacementMapFilter(); var flou:BlurFilter = new flash.filters.BlurFilter(0, 0); //////// typo.blendMode = 'multiply'; typo.swapDepths(mc); // _onEnterFrame = function () { displac.mapBitmap = bitmap; displac.mode = "clamp"; displac.scaleX = 0; displac.scaleY = 30; displac.componentX = 1; displac.componentY = 1; displac.alpha = 1; displac.mapPoint = new flash.geom.Point((mc._x-typo._x)-30, mc._y-typo._y); //displac.color = 0x00000000; flt = displac, flou; if (typo._x<708) { typo.filters = flt; } else { typo._x = -708; } typo._x += 40; updateAfterEvent(); };

_onEnterFrame2 = function () { displac.mapBitmap = bitmap; displac.mode = "clamp"; displac.scaleX = 0; displac.scaleY = 30; displac.componentX = 1; displac.componentY = 1; displac.alpha = 1; displac.mapPoint = new flash.geom.Point((mc._x-typo._x)-30, mc._y-typo._y); //displac.color = 0x00000000; flt = displac, flou; if (typo._x<708) { typo.filters = flt; } else { typo._x = -708; } typo._x -= 30; updateAfterEvent(); };

Et j'ai donc créer deux boutons dont voici le code:

on (rollOver) { inter = setInterval(this, "_onEnterFrame", 20); }

on (rollOut) { clearInterval(inter); }

Et le second quasi pareil :

on (rollOver) { inter = setInterval(this, "_onEnterFrame", 20); }

on (rollOut) { clearInterval(inter); }

Maintenant le problème!

Ma map tourne bien sur la gauche (donc sens inverse), quand je passe la souris sur le bouton gauche mais elle ne se répète pas, elle défile et ne reviens pas. Comment modifié le code pour qu'elle fasse une boucle?

Merci.

11. Le vendredi 9 novembre 2007 à 11:05, par KoFee

On ne peut pas éditer .....

Correction du code du second bouton vu ci dessus :

on (rollOver) { inter = setInterval(this, "_onEnterFrame2", 20); }

on (rollOut) { clearInterval(inter); }

12. Le vendredi 9 novembre 2007 à 11:18, par KoFee

Comme quoi en cherchant, on trouve. C'est bon j'ai trouvé la réponse tout seul, reste plus qu'à me faire le déplacement vertical.

jeanphiBlog

FLASH 8 : DisplacementMapFilter exemples...

Trackbacks

Commentaires

Ajouter un commentaire

Catégories

( + ) Archives

( - ) Archives complétes

( + ) Liens

( - ) Liens complets

:: Formations ::

:: Documentation ::

Commentaires récents

Video Chat

GuestBook

Syndication

Online

8 personnes connectées