Accueil > > > FLASH 8, EXEMPLE DE FLOU
FLASH 8, EXEMPLE DE FLOU
Information sur la source
Description
Un exemple de ce que l'on peut faire avec les nouveautés de flash 8 ! Ici le filtre blur (flou). En fait c'est juste 8 images décalés, et quand on passe la souris sur l'une d'elles, les autres deviennent flou proportionnelemnt à leur éloignement. Ce code n'est peut-être pas la façon la + simple pour faire cette effet mais je vois pas comment faire autrement... J'ai essayé de le commenter le mieux possible mais si c'est pas clair, demandez moi ! Je mets le code pour ceux qui n'ont pas flash 8 mais qui veulent le voir...
Source
- // Il y a 8 clips, nommés clip1, clip2, clip3,...
- // Nombre de couches :
- nombre = 8;
- // On dit que "blur" est un filtre de flou
- blur = new flash.filters.BlurFilter(0, 0, 1);
- // Une boucle pour tester chaque clip :
- for (i=1; i<=nombre; i++) {
- // La variable varI de chaque clip est égale à i (pour pouvoir se reservir de
- // la variable i dans le onRollOver qui suit) :
- this["clip"+i].varI = i;
- // Quand on survole un des clips :
- this["clip"+i].onRollOver = function() {
- // Les valeur du flou blur, x et y, sont égaux à 0 :
- blur.blurX = blur.blurY=0;
- // On applique le filtre blur sur le bouton survolé, pour qu'il devienne net :
- this.filters = [blur];
- // Une boucle qui va servire à donner aux clips non suvolé une valeur de + en + flou :
- for (t=1; t<=nombre; t++) {
- // Les valeur du flou blur x et y sont égale à t fois 5, pour que +
- // le nom du clip à un chiffre éloigné de 0, plus il est flou :
- blur.blurX = blur.blurY=t*5;
- // On crée 2 variables pour que les clips supérieurs du clip survolés soit + flous :
- autre1 = this.varI+t;
- // Pareille pour les clips inférieurs :
- autre2 = this.varI-t;
- // On applique les filtres sur les clips supérieurs et inférieurs de celui survolé :
- _root["clip"+autre1].filters = [blur];
- _root["clip"+autre2].filters = [blur];
- }
- };
- }
- // Voila voila :-D
// Il y a 8 clips, nommés clip1, clip2, clip3,...
// Nombre de couches :
nombre = 8;
// On dit que "blur" est un filtre de flou
blur = new flash.filters.BlurFilter(0, 0, 1);
// Une boucle pour tester chaque clip :
for (i=1; i<=nombre; i++) {
// La variable varI de chaque clip est égale à i (pour pouvoir se reservir de
// la variable i dans le onRollOver qui suit) :
this["clip"+i].varI = i;
// Quand on survole un des clips :
this["clip"+i].onRollOver = function() {
// Les valeur du flou blur, x et y, sont égaux à 0 :
blur.blurX = blur.blurY=0;
// On applique le filtre blur sur le bouton survolé, pour qu'il devienne net :
this.filters = [blur];
// Une boucle qui va servire à donner aux clips non suvolé une valeur de + en + flou :
for (t=1; t<=nombre; t++) {
// Les valeur du flou blur x et y sont égale à t fois 5, pour que +
// le nom du clip à un chiffre éloigné de 0, plus il est flou :
blur.blurX = blur.blurY=t*5;
// On crée 2 variables pour que les clips supérieurs du clip survolés soit + flous :
autre1 = this.varI+t;
// Pareille pour les clips inférieurs :
autre2 = this.varI-t;
// On applique les filtres sur les clips supérieurs et inférieurs de celui survolé :
_root["clip"+autre1].filters = [blur];
_root["clip"+autre2].filters = [blur];
}
};
}
// Voila voila :-D
Conclusion
C'est un petit exemple mais ca montre une des possibilités des nouveautés de flash 8 ! Voila voila, à vos commentaires !
Sources de la même categorie
Commentaires et avis
Discussions en rapport avec ce code source dans le forum
effet 2 flou entre image [ par samas16 ]
bonjour, Je cherche à réaliser un effet de transition "flouté"entre 2 images..!!? Du flou vers la meme image mais nette.. Si quelqu'un
Flou sur image fixe [ par godak ]
apres avoir regardé quelques codes sur les forums, je n'ai pas trouvé ce que je cherchais.je souhaiterai appliquer un effet de flou sur une
effet "souris sous tapis" [ par mon_nom ]
Bonjour,J'ai un petit soucis pour faire un effet "souris sous tapis" si on veut, mais la souris serait une sorte de balle qui se promènerait sous
Petit effet de Halo sur une image... [ par ryfe ]
Bonjour à tous, Je ne sais pas du tout programmer en flash et je ne pense pas que j'y arriverai. Néanmoins, il y a un effet que j'aime bea
Diapo avec effet alpha [ par joeweb ]
bonjour a tousvoila j'ai utilisé la source de Diapo avec effet alphalien ci dessoushttp://www.flashkod.com/code.aspx?id=21609que je trouve assez bien
Effet de découpe du contour d'une image [ par Monico9385 ]
Bonjour tout le monde! Je vais essayer d'etre le plus clair possible : J'aimerai avoir une sorte de petite lumiere qui decoupe le contour d'une ima
Effet Scan avec Swishmax [ par benjimanweb ]
Bonjour,Je travail avec Swishmax et j'aimerai réaliser un effet de scan sur une image , un style de flash naviguant de haut en bas sur l'image.Me
Effet De Lumière Qui Défile Sur Texte Et Image.. [ par TINA_la_Scarla ]
Salut A Tous!!Je Viens D'Avoir Le Logiciel Flash MX 2004 Et Je Ne Comprend Dtrictement Rien A Son Utilisation... J'Aimerais Savoir Comment Faire Pour
comment faire un effet ou une image se dédouble selon la vitesse avec un effet de transparence ? [ par PisTouT ]
bonjour tout le monde, Je sais c'est pas très clair la question dans le sujet mais je vais essayer de l'expliquer au mieux :j'ai vu dans pas mal d'ani
Effet de fusion d'image au passage de la souris sur un bouton [ par galaxiae ]
Bonjour à tous!Actuellement je travaille sur le développement d'un site interactif et je me retrouve embêté car je n'arrive pas à réaliser un effet pa
|
Derniers Blogs
IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITERREACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc
Une mauvaise utilisation de rx lors de l'écriture d'une couche d'accès à des services peut conduire à des cas embarassants avec des erreurs mal gérées, des appels qui ne partent lorsqu'ils le devraient, et même des résultats incorrects . le tout nuis...
Cliquez pour lire la suite de l'article par Groc SHAREPOINT BLOG SITE, PROBLèME D'ARCHIVESSHAREPOINT BLOG SITE, PROBLèME D'ARCHIVES par junarnoalg
Dernièrement, nous avons migré le site
myTIC
vers un nouveau serveur SharePoint 2010. Dans les contenus que nous vouloins récupérer, nous avions un certain nombre de blogs.
Nous avons utilisé les commandes Power...
Cliquez pour lire la suite de l'article par junarnoalg
Logiciels
sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|