begin process at 2012 05 26 05:51:02
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

ActionScripts

 > FLASH 8, EXEMPLE DE FLOU

FLASH 8, EXEMPLE DE FLOU


 Information sur la source

Note :
8,5 / 10 - par 4 personnes
8,50 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :ActionScripts Classé sous :effet, flou, filtre, blur, image Niveau :Initié Date de création :28/10/2005 Vu / téléchargé :42 462 / 4 212

Auteur : Wally57

Ecrire un message privé
Site perso
Ce membre participe au partage de revenus publicitaires
Commentaire sur cette source (7)
Ajouter un commentaire et/ou une note


 Description

Cliquez pour voir la capture en taille normale
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 !

 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !
  • flou.flaTélécharger ce fichier [Réservé aux membres club]69 120 octets
  • flou.swfTélécharger ce fichier [Réservé aux membres club]Voir ce fichier13 604 octets

Télécharger le zip


 Sources du même auteur

Source avec Zip UNE APPARITION DINAMIQUE DE FLASH MX
Source avec Zip Source avec une capture UN LEVER ET UN COUCHER DE SOLEIL
Source avec Zip 2 GARS QUI REGARDE LE CURSEUR DONT 1 QUI MARCHE ET 1 GARS QU...
Source avec Zip PETIT EFFET QUE JE TROUVE PAS MAL
Source avec Zip QUELQUES PETITES CHOSES QUI PEUVENT SERVIR POUR LE JEU...

 Sources de la même categorie

Source avec Zip Source avec une capture OUVRIR UNE ANIMATION EXTERNE DANS UN CLIP VIDE. par KcHeY
Source avec Zip ZOOM SUR UNE IMAGE par yasdar
Source avec Zip Source avec une capture UN PEU DE MATH par yasdar
Source avec Zip Source avec une capture PARTICULE SYSTEM par yasdar
Source avec Zip Source avec une capture GALLERIE PHOTO AVEC XML par yasdar

 Sources en rapport avec celle ci

Source avec Zip CLASS IMAGE ET IMAGEEVENT par top30
Source avec Zip Source avec une capture [AS3 - CS4] MOTION BLUR EFFECT par stefbuet
Source avec Zip Source avec une capture JEUX D'IMAGES AVEC "BLUR" par mounibec
Source avec Zip EFFET IMAGE MOZAIQUE - APPARAITION À LA SOURIS (VERSION ACTI... par bbeenn007
Source avec Zip EFFECT ZOOM SUR IMAGE / GESTION DES CALQUE par balvick

Commentaires et avis

Commentaire de Mafassure le 30/10/2005 19:14:00 administrateur CS

salut !

excellent les filtres Flash 8 !!

un truc que je trouve pas trés élégant c'est onRollOver dans la boucle if....

sinon l'exemple est vraiment sympa !

Commentaire de mouahaha le 31/10/2005 09:37:54

Effet sympa...
C'est vrai qu'avec Flash 8 on est tenté de les utiliser à la moindre occasion.
Ca risque de se voir dans quelques temps sur FlashKod...
Pas le temps de regarder le code, je verrais ca plus tard.

Commentaire de Wally57 le 31/10/2005 18:58:25

Bah tant que ça part pas dans l'excès et que les filtres ne sont pas utilisés à tout va...
Sinon Mafassure , il y a une methode pour ne pas mettre le onRollOver dans une boucle ?
Vu que le ça concerne tous les clips, je connais pas d'autres solutions que la boucle...

Commentaire de Mafassure le 01/11/2005 20:28:15 administrateur CS

tu crée un proto

Commentaire de Mafassure le 01/11/2005 21:08:30 administrateur CS

var nbrClip:Number = 5;
var blurFilter:Object = new flash.filters.BlurFilter();
blurFilter.quality = 3;
bt = function () {
};
bt.prototype = new MovieClip();
bt.prototype.onLoad = function() {
//tu positionne le clip en fonction de son numéro
this._x = 200+this.id*-50;
this._y = 100+this.id*-25;
};
bt.prototype.onRollOver = function() {
this.filters = [0];
// tu applique le flou en fonction ---- pas terrible ici
for (t=1; t<nbrClip; t++) {
blurFilter.blurX = blurFilter.blurY=2*this.id;
_level0["clip"+t].filters = [blurFilter];
//flou nul pour le clip survolé
this.filters = [0];
}
};
//avec "clip" comme identifiant dans la biblio tu duplique le clip
Object.registerClass("clip", bt);
//attache movie pour placer les clip sur la scène
for (i=1; i<nbrClip; i++) {
attachMovie("clip", "clip"+i, i);
//crée une var id pour de reference
this["clip"+i].id = i;
}

un truc comme ca

Commentaire de Wally57 le 01/11/2005 21:53:24

Je connais pas encore les prototypes, je vais étudier ça, merci !

Commentaire de VestaX le 10/07/2007 15:55:54

salut!! ca a l'air pas mal ton truc!! mais pourrais tu me dire dans quel dossier incorporer le code stp?

Merci d'avance

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

effet 2 flou entre image [ par samas16 ] bonjour, Je cherche &#224; r&#233;aliser un effet de transition "flout&#233;"entre 2 images..!!? Du flou vers la meme image mais nette.. Si quelqu'un Flou sur image fixe [ par godak ] apres avoir regard&#233; quelques codes sur les forums, je n'ai pas trouv&#233; 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&#232;nerait sous Petit effet de Halo sur une image... [ par ryfe ] Bonjour &#224; tous, Je ne sais pas du tout programmer en flash et je ne pense pas que j'y arriverai. N&#233;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&#233;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


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
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 : 0,998 sec (4)

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