begin process at 2012 02 07 06:06:57
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Animations

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

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


 Information sur la source

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

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Animations Classé sous :vague, filtres, déformation Niveau :Débutant Date de création :26/12/2006 Vu / téléchargé :34 100 / 8 225

Auteur : hpotter

Ecrire un message privé
Ce membre participe au partage de revenus publicitaires
Commentaire sur cette source (13)
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

Les Membres Club peuvent 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


 Sources du même auteur

Source avec Zip Source avec une capture SUDOKU GÉNÉRATOR (FLASH MX 2004)
Source avec Zip Source avec une capture TETRIS
FLASH EN XHTML
TUTO FLASH MX 2004 : ANIMATION MULTILANG AVEC SÉLÉCTION AUTO...
Source avec Zip JEU EN RÉSEAU PHP/FLASH (QUI APPARAMENT PRÉSENTE DE FAIBLESS...

 Sources de la même categorie

Source avec Zip Source avec une capture IMPERIUM - ANIMATIONS MONSTRE par narftech
Source avec Zip Source avec une capture IMPERIUM - ANIMATIONS SPACE OPÉRA - PACK 3 par narftech
Source avec Zip Source avec une capture IMPERIUM - ANIMATIONS SPACE OPÉRA - PACK 2 par narftech
Source avec Zip Source avec une capture IMPERIUM - ANIMATIONS SPACE OPÉRA par narftech
Source avec Zip OBJETFLASH! par LeFlashiste

 Sources en rapport avec celle ci

Source avec Zip Source avec une capture LIGHTFILTERFX: UNE CLASSE D'EFFET D'OMBRE ET DE RELIEF... par top30
Source avec Zip Source avec une capture EFFET ONDES SUR L'EAU par smoochy
Source avec Zip Source avec une capture EFFET : NUAGE - FUMÉE ANIMÉ par claviskass

Commentaires et avis

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 ?

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

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.

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!

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];
};

Commentaire de gyome314 le 02/01/2007 17:20:00

Quelle réactivité !!! ;)

Plus rien à dire, ca tourne nickel...

Bravo, A+

Gyome.

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

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 ???

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.

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)

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.

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...)

Commentaire de zen69 le 27/10/2009 18:09:56 10/10

Tres belle effet super simple reste plus qu'à l'adapter à AS3 ;)

 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

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

 
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 : 4,181 sec (3)

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