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

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

Codes Sources

A voir également

Ajouter un commentaire Commentaires
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 ;)
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...)
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.
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)
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

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.