begin process at 2012 05 27 11:14:25
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Flash / Flash MX

 > 

Multimédia

 > 

Effets

 > 

Mosaique


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Mosaique

lundi 27 octobre 2008 à 12:46:53 | Mosaique

RockPrinceS

Bonjour à tous,
Je souhaiterai faire une mozaique en AS2, le probléme est que je ne sais pas par ou commencer, pourriez vous m'aider ou me dire ou je peux trouver des sources.
Merci
mardi 28 octobre 2008 à 11:10:59 | Re : Mosaique

Girou

Membre Club
Salut,

une mosaique de quoi ?
Précise un peu ta demande...



@+

signature not found
mardi 28 octobre 2008 à 11:13:53 | Re : Mosaique

RockPrinceS

En fait je voudrai faire apparaiter une image par un effet mosaique ... genre une page blanche avec le caré qui disparaisse petit a petit en mosaique ...

mardi 28 octobre 2008 à 11:32:14 | Re : Mosaique

RockPrinceS

en fait un peu comme sur cette source :
http://www.flashkod.com/codes/EFFET-IMAGE-MOZAIQUE-APPARAITION-SOURIS-VERSION-ACTIONSCRIPT_35811.aspx

Mais pas au passge de la souri que ça se face tout seul.
Je début en flash et je galére ++
mardi 28 octobre 2008 à 11:43:11 | Re : Mosaique

Girou

Membre Club
OK !

Sur ta scene tu doit avoir 2 movieClip avec chacun un nom d'occurence
tu auras un clip imgContainer qui va contenir ton image
et aussi un clip fadeMask situé par dessus qui contiendra l'effet mozaique

tu crées ta mosaique avec 2 boucles imbriquées
là, je vais couvrir une surface de 500 x 500 pixels avec a chaque fois des carrés de 50x50 pixels
ensuite on va créer une interpolation de mouvement sur l'alpha du clip (de 100 à 0)
stoquer cette interpolation dans un tableau (pour utilisation ultérieure)
bloquer cette interpolation et on la lancera une fois l'image chargée

import mx.transitions.Tween;
import mx.transitions.easing.Strong;

var profondeur:Number=1
var alphaTweens:Array= new Array()
for (var y:Number=0 y<10; y++){
    for (var x:Number=0; x<10; x++){
    var clip:MovieClip=fadeMask.createEmptyMovieClip("carre"+this.getNextHighestDepth(), this.getNextHighestDepth())
    // on dessine le carré blanc

    clip.beginFill(0xffffff); // couleur blanche
    clip.moveTo(0, 0);
    clip.lineTo(50, 0);
    clip.lineTo(50, 50);
    clip.lineTo(0, 50);
    clip.lineTo(0, 0);
    clip.endFill()
    // on positionne le carré
    clip._x=50*x
    clip._y=50*y
    // création de l'interpolation de mouvement sur _alpha
    var clipTween:Tween = new Tween(clip, "_alpha", Strong.easeOut, 100, 0, profondeur*10,false)
   
clipTween.stop()
    alphaTweens.push(clipTween)
    }
}

// Ensuite tu charges ton image (utilise un moviecliploader) dans imgContainer
// Une fois l'image chargée, tu lances les animations (Tweens) stockées dans le tableau alphaTweens

for (var i:Number=0;i<alphaTweens.length;i++){
  alphaTweens[i].start()
}


@+

signature not found
mardi 28 octobre 2008 à 12:05:56 | Re : Mosaique

RockPrinceS

oki ^^ pour charger l'image jpeux utiliser
var imgContainer:MovieClip = MovieClip=this.createEmptyMovieClip("imgcontainer", 1);
  
    with (imgcontainer)
        {
            _x = 0;
            _y = 0;
            loadMovie("1.jpg");
        }
mardi 28 octobre 2008 à 12:07:53 | Re : Mosaique

RockPrinceS

Okey bon ça fonctionne, l'image s'affiche mais je capte pas le "// Une fois l'image chargée, tu lances les animations (Tweens) stockées dans le tableau alphaTweens" je fais comment pour ça???

mardi 28 octobre 2008 à 12:23:47 | Re : Mosaique

Girou

Membre Club
Non, tu dois utiliser un MovieClipLoader.

Flash est asynchrone donc sans l'événement onLoadInit du MovieClipLoader tu n'as pas moyen de savoir si ton image est chargée et donc pas d'indicateur pour lancer les tweens

place ceci à la fin de mon script précédent (en effaçant la partie tu lance les animations)
var mclListener:Object = newObject();

mclListener.onLoadInit = function(target_mc:MovieClip){
for (var i:Number=0;i<alphaTweens.length;i++){
  alphaTweens[i].start()
}
};
var image_mcl:MovieClipLoader = newMovieClipLoader();
image_mcl.addListener(mclListener);
image_mcl.loadClip("imageAcharger.jpg", imgContainer);


@+

signature not found
mardi 28 octobre 2008 à 12:40:43 | Re : Mosaique

RockPrinceS

pfouuu ... l'image ne se charge pas....
:$
Au final j'ai ça :

import mx.transitions.Tween;
import mx.transitions.easing.Strong;
var profondeur:Number=1;
var alphaTweens:Array= new Array();

for (var y:Number=0; y<10; y++);
{
    for (var x:Number=0; x<10; x++);
    {
    var clip:MovieClip=fadeMask.createEmptyMovieClip("carre"+this.getNextHighestDepth(), this.getNextHighestDepth());
 
    clip.beginFill(0xffffff);
    clip.moveTo(0, 0);
    clip.lineTo(50, 0);
    clip.lineTo(50, 50);
    clip.lineTo(0, 50);
    clip.lineTo(0, 0);
    clip.endFill();
    clip._x=50*x;
    clip._y=50*y;
   
    var clipTween:Tween = new Tween(clip, "_alpha", Strong.easeOut, 100, 0, profondeur*10,false);
    clipTween.stop();
    alphaTweens.push(clipTween);
    }
}

var mclListener:Object = newObject();

mclListener.onLoadInit = function(target_mc:MovieClip){
  for (var i:Number=0;i<alphaTweens.length;i++){
    alphaTweens[i].start()
  }  
};
var image_mcl:MovieClipLoader = newMovieClipLoader();
image_mcl.addListener(mclListener);
image_mcl.loadClip("1.jpg", imgContainer);



J'ai vraiment du mal ... :s
(Merci de ta patience)
mardi 28 octobre 2008 à 12:52:57 | Re : Mosaique

Girou

Membre Club
N'as tu pas oublier de créer ton clip imgContainer ?

var imgContainer:MovieClip: MovieClip=this.createEmptyMovieClip("imgcontainer", 1);

a placer au début de ton script.

@+

signature not found

1 2

Cette discussion est classée dans : mosaique


Répondre à ce message

Sujets en rapport avec ce message

Creer une mosaique avec une image (As 2.0) [ par dafunker ] Salut tout le monde.J'ai a ma disposition une image de 3x50, je voudrait remplir un MovieClip de 950x50 en repetant ce motif autant de fois que necess une mosaique avec duplicateMovieClip? [ par teakoffee ] bonjourJe cherche à réaliser une mosaique de 4 sur 4 avec "duplicateMovieClip"pour le moment (code ci dessous), je n'obtient forcement qu'une rangé de


Nos sponsors


Sondage...

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,312 sec (3)

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