1. Accueil
  2. Flash
  3. Sources Flash
  4. Sources Animations
  5. Effet de vague sur image (ou clip animé si vous voulez)

Effet de vague sur image (ou clip animé si vous voulez)

Soyez le premier à donner votre avis sur cette source.

Vue 38 295 fois - Téléchargée 8 736 fois

Télécharger le projet
Commenter

Description

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 / Exemple : 


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...
Télécharger le projet

Codes Sources

A voir également

Ajouter un commentaire Commentaires
Signaler
Messages postés
584
Date d'inscription
jeudi 28 décembre 2006
Statut
Membre
Dernière intervention
29 avril 2010
 1
Tres belle effet super simple reste plus qu'à l'adapter à AS3 ;)
Signaler
Messages postés
183
Date d'inscription
mercredi 29 novembre 2000
Statut
Membre
Dernière intervention
23 avril 2010
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...)
Signaler
Messages postés
61
Date d'inscription
lundi 15 décembre 2003
Statut
Membre
Dernière intervention
23 janvier 2009
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
Messages postés
61
Date d'inscription
lundi 15 décembre 2003
Statut
Membre
Dernière intervention
23 janvier 2009
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
Messages postés
15
Date d'inscription
samedi 27 janvier 2007
Statut
Membre
Dernière intervention
25 avril 2008
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.
Afficher les 13 commentaires
S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (hpotter)