Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

EFFET DE VAGUE SUR IMAGE (OU CLIP ANIMÉ SI VOUS VOULEZ)


Information sur la source

Catégorie :Animations Classé sous : vague, filtres, déformation Niveau : Débutant Date de création : 26/12/2006 Vu / téléchargé: 26 782 / 7 420

Note :
10 / 10 - par 8 personnes
10,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

Commentaire sur cette source (12)
Ajouter un commentaire et/ou une note


Description

Cliquez pour voir la capture en taille normale
Ce code utilise Flash 8 et le filtre DisplacementMapFilter, pour l'utiliser il faut une map (c'est celle qui permet la déformation) et un clip.
 

Source

  • import flash.filters.DisplacementMapFilter;
  • import flash.geom.Point;
  • import flash.display.BitmapData;
  • map._visible = false;
  • this.onEnterFrame = function() {
  • Bmp = new BitmapData(map._width, map._height);
  • Bmp.draw(map);
  • displacementMap = new DisplacementMapFilter(Bmp, new Point(0, 0), 1, 1, 10, 10, "clamp");
  • deforme.filters = [displacementMap];
  • };
import flash.filters.DisplacementMapFilter;
import flash.geom.Point;
import flash.display.BitmapData;
map._visible = false;
this.onEnterFrame = function() {
	Bmp = new BitmapData(map._width, map._height);
	Bmp.draw(map);
	displacementMap = new DisplacementMapFilter(Bmp, new Point(0, 0), 1, 1, 10, 10, "clamp");
	deforme.filters = [displacementMap];
};

Conclusion

Pour voir quelques demonstration de cet exemple allez-voir le site http://www.eragonmovie.com/main.html?cid=fr dans la gallerie !

aucun bug connu...
 

Fichier Zip

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !
  • vague.flaTélécharger ce fichier [Réservé aux membres club]109 056 octets
  • vague.swfTélécharger ce fichier [Réservé aux membres club]Voir ce fichier73 060 octets

Télécharger le zip

Commentaires et avis

signaler à un administrateur
Commentaire de hpotter le 26/12/2006 17:12:13

J'ai une suggestion à vous faire :

Dans la 3D en flash le problème est la texture, imaginous que l'on utilise ce filtre pour la déformation de la texture mais comment ?

signaler à un administrateur
Commentaire de agsirhk le 28/12/2006 11:20:42

Excellente source simple d'utilisation je vois deja des applications possible dans mon travail 10/10

signaler à un administrateur
Commentaire de gyome314 le 02/01/2007 09:37:13

Très bonne source, étonnante de simplicité...

A tendance à beaucoup saccadé sur mon PC, ca vient de moi ?

Bonne contuination !

A+, bon courage
Gyome.

signaler à un administrateur
Commentaire de achmoulgaga le 02/01/2007 10:59:53

Interessant, très bien réalisé, mais pour de courte séquence, car surcharge au fur et a mesure.
Bravo tout de même!

signaler à un administrateur
Commentaire de hpotter le 02/01/2007 12:33:10

j'ai trouvé la raison de la surchage et je l'ai régléer, c'est une erreur de ma part veuillez m'en excuser :

import flash.filters.DisplacementMapFilter;
import flash.geom.Point;
import flash.display.BitmapData;
map._visible = false;
Bmp = new BitmapData(map._width, map._height);
this.onEnterFrame = function() {
    Bmp.draw(map);
    displacementMap = new DisplacementMapFilter(Bmp, new Point(0, 0), 1, 1, 10, 10, "clamp");
    deforme.filters = [displacementMap];
};

signaler à un administrateur
Commentaire de gyome314 le 02/01/2007 17:20:00

Quelle réactivité !!! ;)

Plus rien à dire, ca tourne nickel...

Bravo, A+

Gyome.

signaler à un administrateur
Commentaire de mareme le 07/03/2007 13:37:19

bonjour
tutoriel bien fait. Mais voilà j'ai toujours un probléme de ralentissement de mon application quand j'utilise le tutoriel; Pouvez me donner un coup de main SVP

signaler à un administrateur
Commentaire de aerolyte le 30/04/2007 18:40:56

bonjour c'est une source très intéressante .

je suis a la recherche d'un effet de vague circulaire, ou plutot elliptique du fait de la perspective.

en gérant de surcroit la transparance des reflets pour un effet de profondeur.
auriez-vous des idées ???

signaler à un administrateur
Commentaire de memento59800900 le 20/09/2007 14:31:05

Bonjour, pourrais-je savoir ce qu'est exactement une map (sur google, j'ai trouvé la balise map).
Est-ce bien de cela qu'il s'agit ?
Quel en est le principe ?

En gros pour utiliser ce script, il faut au préalable avoir changé une image en map, c'est ça ?

Merci.
PS : t.d.r. à éviter.

signaler à un administrateur
Commentaire de hpotter le 23/09/2007 10:33:32

Non, une map est en faite une image Bitmap (jpeg, gif, png ou autre) mais qui graphiquement ne représente rien pourl'oeuil humain ; en faite c'est une sorte de grand tableau ou chaque pixel représente un information précise.

Dans notre exemple, on génère un map ou chaque pixel représente le deplacement d'une image source. C'est a dire que nous avons l'image du coucher de soleil, en fournissant une image de même taille à flash mais sous la forme d'une map, flash aplique alors une fonction mathématique a chaque pixel de l'image du coucher par rapport a la map :

déplacement[x, y] = positionDeDépart[x, y] * ((couleurDeLaMap[x, y] - 128) / 128 * multiplicateur[x, y]);

C'est plus clair ? je suis prêt à répondre à toutes les questions (dumoins celles que je peut répondre)

signaler à un administrateur
Commentaire de hpotter le 23/09/2007 10:36:07

Pour répondre a aerolyte, pour effectuer un effet circulaire, il s'uffit d'utiliser un gradient circulaire. C'est aussis simple que cela, maintenant si tu cherche plus dans les effets 3D, je te recommande Papervision 3D qui est un sublime moteur 3D en flash, gratuit et très performant.

signaler à un administrateur
Commentaire de smoochy le 01/11/2007 00:28:11 10/10

merci pour cette très bonne source, je connaissais pas DisplacementMapFilter, c'est excellent...

j'ai aussi testé un effet circulaire qui se declenche quand on clic sur l'image et ca marche sans problème

http://www.77degres.com/ondes/

... il ne me reste plus qu'a trouver comment dupliquer cet effet si on clic plusieurs fois rapidement sur l'image,
mais je ne sais pas si c'est réalisable (même si c'est faisable peut être en dupliquant le clip, je crains que ca provoque moulte
ralentissements et saccades...)

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

déformation d'un film dans flash [ par drooopy ] Salut a tous,je voudrais savoir comment déformer un .swf ou un .mov pour lui donner une perspective.Merci Help pour déformation d'un diaporama [ par M_B ] Salut à tous...J'ai un petit probleme pour deformer un diaporama défilant, en fait je voudrais lui donner un effet de perspective mais impossible de l Pour faire cet effet "vague" [ par angie6827 ] Hello !!!Je voudrais savoir si quelqun saurait faire cet effet d'image:http://www.justinking.com/main.htmlOu si quelqun pourrait me trouver le fichier Effet de vague [ par Blackcat110 ] Bonjour à tous!! J'aurai voulu connaitre la technique pour crer un effet de vague comme sur ce site( http://www.daoshu.com/flash/daoshu_main.html). Je effet de vague 2 [ par julienazer ] l'effet de vague, ok avec un masque mais comment faire pour que ce soit en continu et qu'on est pas l'impression que la lecture revient a zero??(exemp Déformation vectorielle d'objets [ par cedriclomb ] Bonjour,Voici un petit problème, encore 1 !Je cherche a savoir comment je peux faire pour déformer un movieclip en définissant simultanément ces 4 poi onClipEvent probleme avec les filtres de flash 8 [ par weblyne ] bonjour tout le monde je vais essayer d'etre le plus clair possible!J'ai un menu qui POP une animation, à la fin de mon animation je voudrais que mon Flash 8: effets et typos >>> problèmes [ par fabalarage ] Salut,Je suis passé sous flash 8 il y' a peu, et j'ai pu découvrir avec bonheur les nouvelles fonctionnalités tel que les filtres.Comme j'ai quelques Création de lettre aléatoire [ par a_tom_ique ] Je suis un graphiste qui passe son diplôme cette année. J'ai un problème de code actionscript. J'ai récupéré un script que j'ai modifié. Pour l'instan Prob: Filtres flash indetectable [ par XDIMENSIONGROUP ] Bonjour tout le mondeje vous ecris en toute esperance de trouver une reponse dans ce riche forum:Mon probleme se resume dans le fait que j'utilise des


Nos sponsors

Sondage...

CalendriCode

Juillet 2009
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Téléchargements

Comparez les prix Nouvelle version


LG KP501

Entre 9€ et 159€


Photothèque Nouveau !



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
Temps d'éxécution de la page : 0,624 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.