merci pour le tuto

salut et merci pour le tuto.

juste quelque détail :

dans le fichier .fla tu ne dit pas qu'il faut déclarer la classe dans Classe ( 'Precharg').

ensuite a quoi te sert la variable tweened qui n'est utilisé (modifier) que lors de sa déclaration. elle est, le long du programme egal a false.

edit :

j'ai aussi optimiser une partie de ton code :

Code:

 for (var i:int=1; i < carreMax; i++)
            {
                if (pourcentageCharge > 100 / carreMax * i)
                {
                    TweenMax.to (carres[i-1], 1, {tint:0x73d511, glowFilter:{color:0x73d511, alpha:1, blurX:10, blurY:10}});
                }
            }

if (pourcentageCharge == 100)
            {
                TweenMax.to (carres[carreMax-1], 1, ...


a la place des if ()...

comme ca on peut avoir plus de carre que 10 (avec quelque modif par ci par la.

ex : (avec quelque modif)...



Vouli voulou

Bonjour,

Merci pour ce tuto, en revanche, je suis confrontée à un problème que je ne comprends pas, en essayant de le faire.

Je colle une copie écran, ce sera plus parlant :


D'où cela peut-il venir d'après vous ???
A +,
Claxie

Autant pour moi, j'ai trouvé mon erreur !
Mais plutôt que de supprimer mon précédent message, je préfère l'expliquer ...

J'avais interverti des accolades de fermeture, incluant de fait toutes mes fonctions private dans "public function Precharg ()".
Or elles doivent se trouver au même niveau que cette fonction et non à l'intérieur !!

Donc tout va bien !
Merci beaucoup pour ce tutoriel !!

Claxie

Encore moi...

Une petite question : Que faut-il changer pour que le loader marche avec autre chose qu'une image, un swf par exemple ?

Merci d'avance..

@Claxie2001

tu as la function :

Code:


private function activProgress():void
      {
            loader.load(new URLRequest("image.png"));
            loader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, progression);
      }


puis dedans " URLRequest("Image.swf") ... Par exemple ,)

Attention pour les membres qui souhaiteraient utiliser la portion de code de krish nar, sachez qu'utilisé telle-quelle, celle-ci peu poser problème.

Par contre, l'optimisation est plus que judicieuse, puisqu'elle offre une diminution des conditions superflus.

Alors en reprenant cette partie:

Code:

if (pourcentageCharge > 100 / carreMax * i

J'ai choisis moi aussi d'optimiser le code de notre préloader, j'ai décidé de mettre en place une nouvelle transition de départ qui joue sur les niveaux de progressions (plus la progression est élevé, plus l'alpha des carrés l'est aussi), pas mal d'éléments ont étés améliorés et vous pouvez les retrouver à l'endroit même du premier tutoriel, en effet celui-ci a été remanié en fonction de ces nouvelles améliorations, voilà alors si vous souhaitez tout de même récupérer le code sans avoir les explications qui l'accompagne, voici la totalité du script amélioré:

Code:


package com.chargement
{
   //Import
   import com.greensock.TweenMax;
   import com.greensock.easing.*;
   import flash.events.ProgressEvent;
   import flash.display.Bitmap;
   import flash.display.Loader;
   import flash.display.MovieClip;
   import flash.net.URLRequest;
   import flash.text.TextField;
   import flash.utils.setTimeout;
   public class Precharg2 extends MovieClip
   {
    
      private var textCharg:TextField =  new TextField();
      private var conteneur:MovieClip = new MovieClip();
      private var contText:MovieClip = new MovieClip();
      private var carres:Array = new Array();
      private var loader = new Loader();
      private var contWidth:int;
      private var contHeight:int;
      private var MillieuContX:int;
      private var MillieuContY:int;
      private var carreMax:int = 10;
      private var pourcentageCharge:Number;
      private var i:uint=0;
      
      public function Precharg2 ()
      {
          while ( i < carreMax )
          {
            var carre:Carre = new Carre();
            carre.name = 'carre'+i;
            carres.push( carre );
            this.conteneur.addChild( carre );
            this.addChild(conteneur);
            carre.tweened = false;
            carre.alpha = 0;
            TweenMax.to (conteneur.getChildByName('carre'+i), 1, {alpha:(1.5/carreMax)* i, delay:i* .2, x:((carre.width+20)* carreMax)/2 + i* 20, ease: Back.easeOut, onComplete:lancementProgression, onCompleteParams:[carres[i]]});
            i++
          }
         
         contWidth = stage.stageWidth;
         contHeight = conteneur.height;
         MillieuContX = (stage.stageWidth  - contWidth )/ 2;
         MillieuContY = (stage.stageHeight - contHeight) / 2;
         conteneur.x =  MillieuContX
         conteneur.y = MillieuContY
         
         this.addChild (contText);
         textCharg.textColor = 0x73d511;
         contText.addChild (textCharg);
         contText.width = 50;
         contText.alpha =0;
         contText.x = (stage.stageWidth/2) - (contText.width/2);
         contText.y = conteneur.y+20;
         contText.scaleX = contText.scaleY = 5;
      }
      private function lancementProgression($carre:Carre):void
      {
         if($carre === carres[carreMax-1]){activProgress();}
      }
    
      private function activProgress():void
      {
         loader.load(new URLRequest("image.jpg"));
         loader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, progression);
      }
      
      private function progression(e:ProgressEvent):void
      {
         TweenMax.to(contText, 1, {scaleX:1.2,scaleY:1.2,alpha:1,glowFilter:{color:0x73d511, alpha:1, blurX:15, blurY:15, quality:3, strength:2}});
         pourcentageCharge = (e.bytesLoaded / e.bytesTotal) * 100;
         textCharg.htmlText = Math.round(pourcentageCharge) + " /" + "100";
         i=1;
         while ( i < carreMax){if (pourcentageCharge > 100 / carreMax * i && ! carres[i].tweened){TweenMax.to (carres[i-1], 1, {tint:0x73d511, glowFilter:{color:0x73d511, alpha:1, blurX:10, blurY:10, onComplete:carres[i].tweened=true}});};i++}
         if (pourcentageCharge === 100)
         {
            TweenMax.to (conteneur.getChildByName('carre9' ), 1, {tint:0x73d511, glowFilter:{color:0x73d511, alpha:1, blurX:30, blurY:30}, onComplete:tweencarres});
            TweenMax.to(conteneur, 1, {glowFilter:{color:0x73d511, alpha:1, blurX:15, blurY:15}});
            
            TweenMax.to(contText, 1, {glowFilter:{color:0x73d511, blurX:20, blurY:20, quality:3, strength:3}});
            TweenMax.to(contText, 1, {delay: 2, scaleX:0.2, scaleY:0.2, x:-100, autoAlpha:0, glowFilter:{color:0x73d511, alpha:1, blurX:100, blurY:100, quality:3, strength:5}, ease:Back.easeIn,onComplete:suppText});
         }
      }
      
      private function tweencarres():void
      {
         i=0;
         while (  i < carres.length) {TweenMax.to(carres[i], .5, {delay: i * 0.1, x: -200, alpha: 0, ease: Back.easeIn, onComplete:carreGauche, onCompleteParams:[carres[i]]}); i++}
      }
      
      private function suppText():void
      {
         if(contText)
         {
            contText.text="";
            contText.removeChild (textCharg);
            textCharg = null;
            this.removeChild(contText);
            contText = null;
         }
      }
      
      private function carreGauche($carre:Carre):void
      {
         var img:Bitmap = loader.content;
         conteneur.removeChild( $carre );
         if ($carre === carres[9]){
            this.removeChild(conteneur);
            drawImage(img);
         }
      }
      private function drawImage($img:Bitmap)
      {
         var bitmap:Bitmap = (Bitmap)($img);
         var contBitmap:MovieClip = new MovieClip();
         contBitmap.addChild(bitmap);
         this.addChild(contBitmap);
         TweenMax.from(contBitmap, 1, {alpha: 0});
      }
    }
}


Sachez que cette formation a été mise à jour avec ces nouvelles corrections.

Merci

salut tout le monde, voila j'ai suivi le tuto a la lettre seulement quand je fais un test avec mon .fla j'ai un fond noir et vide... aucuns chargement car pas d'image...

merci pour ce tuto artkabis, ce preloader est vraiment trop joli

seaman130092 a écrit:salut tout le monde, voila j'ai suivi le tuto a la lettre seulement quand je fais un test avec mon .fla j'ai un fond noir et vide... aucuns chargement car pas d'image...

dans la partie de code ci-dessous, remplace "image.png" par un lien et tu verras que ça fonctionne

Code:


private function activProgress():void
      {
loader.load(new URLRequest("image.png"));
loader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, progression);
      }