Tekken a écrit: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);
      }


toujours rien JE VEUX COMPRENDRE !! lol
dans le fichier .fla je dois mettre un code ou pas ??

non aucun code sur le fla
as tu essayer de simuler le téléchargement car si ça se trouve cela vient du chargement trop rapide qui t'empêche de voir le preloader

de plus étant donné que le .fla est vide, moi j'ai rajouté le chemin de la classe dans publier car comme toi je me retrouvé avec rien, et grace à ce chemin ça fonctionne

que faut il modifier dans la classe (a part l'url) afin de pouvoir charger un swf, car lorsque je compile je me retrouve avec des messages d'erreurs au chargement du swf

Code:

TypeError: Error #1009: Il est impossible d'accéder à la propriété ou à la méthode d'une référence d'objet nul.
    at sitefullflash_fla::MainTimeline/frame1()
TypeError: Error #1034: Echec de la contrainte de type : conversion de sitefullflash_fla::MainTimeline@10ebf6a9 en flash.display.Bitmap impossible.
    at com.chargement::Precharg/carreGauche()
    at Function/http://adobe.com/AS3/2006/builtin::apply()
    at com.greensock.core::TweenCore/complete()
    at com.greensock::TweenMax/complete()
    at com.greensock::TweenMax/renderTime()
    at com.greensock.core::SimpleTimeline/renderTime()
    at com.greensock::TweenLite$/updateAll()
TypeError: Error #1034: Echec de la contrainte de type : conversion de sitefullflash_fla::MainTimeline@10ebf6a9 en flash.display.Bitmap impossible.
    at com.chargement::Precharg/carreGauche()
    at Function/http://adobe.com/AS3/2006/builtin::apply()
    at com.greensock.core::TweenCore/complete()
    at com.greensock::TweenMax/complete()
    at com.greensock::TweenMax/renderTime()
    at com.greensock.core::SimpleTimeline/renderTime()
    at com.greensock::TweenLite$/updateAll()
TypeError: Error #1034: Echec de la contrainte de type : conversion de sitefullflash_fla::MainTimeline@10ebf6a9 en flash.display.Bitmap impossible.
    at com.chargement::Precharg/carreGauche()
    at Function/http://adobe.com/AS3/2006/builtin::apply()
    at com.greensock.core::TweenCore/complete()
    at com.greensock::TweenMax/complete()
    at com.greensock::TweenMax/renderTime()
    at com.greensock.core::SimpleTimeline/renderTime()
    at com.greensock::TweenLite$/updateAll()
TypeError: Error #1034: Echec de la contrainte de type : conversion de sitefullflash_fla::MainTimeline@10ebf6a9 en flash.display.Bitmap impossible.
    at com.chargement::Precharg/carreGauche()
    at Function/http://adobe.com/AS3/2006/builtin::apply()
    at com.greensock.core::TweenCore/complete()
    at com.greensock::TweenMax/complete()
    at com.greensock::TweenMax/renderTime()
    at com.greensock.core::SimpleTimeline/renderTime()
    at com.greensock::TweenLite$/updateAll()
TypeError: Error #1034: Echec de la contrainte de type : conversion de sitefullflash_fla::MainTimeline@10ebf6a9 en flash.display.Bitmap impossible.
    at com.chargement::Precharg/carreGauche()
    at Function/http://adobe.com/AS3/2006/builtin::apply()
    at com.greensock.core::TweenCore/complete()
    at com.greensock::TweenMax/complete()
    at com.greensock::TweenMax/renderTime()
    at com.greensock.core::SimpleTimeline/renderTime()
    at com.greensock::TweenLite$/updateAll()
TypeError: Error #1034: Echec de la contrainte de type : conversion de sitefullflash_fla::MainTimeline@10ebf6a9 en flash.display.Bitmap impossible.
    at com.chargement::Precharg/carreGauche()
    at Function/http://adobe.com/AS3/2006/builtin::apply()
    at com.greensock.core::TweenCore/complete()
    at com.greensock::TweenMax/complete()
    at com.greensock::TweenMax/renderTime()
    at com.greensock.core::SimpleTimeline/renderTime()
    at com.greensock::TweenLite$/updateAll()
TypeError: Error #1034: Echec de la contrainte de type : conversion de sitefullflash_fla::MainTimeline@10ebf6a9 en flash.display.Bitmap impossible.
    at com.chargement::Precharg/carreGauche()
    at Function/http://adobe.com/AS3/2006/builtin::apply()
    at com.greensock.core::TweenCore/complete()
    at com.greensock::TweenMax/complete()
    at com.greensock::TweenMax/renderTime()
    at com.greensock.core::SimpleTimeline/renderTime()
    at com.greensock::TweenLite$/updateAll()
TypeError: Error #1034: Echec de la contrainte de type : conversion de sitefullflash_fla::MainTimeline@10ebf6a9 en flash.display.Bitmap impossible.
    at com.chargement::Precharg/carreGauche()
    at Function/http://adobe.com/AS3/2006/builtin::apply()
    at com.greensock.core::TweenCore/complete()
    at com.greensock::TweenMax/complete()
    at com.greensock::TweenMax/renderTime()
    at com.greensock.core::SimpleTimeline/renderTime()
    at com.greensock::TweenLite$/updateAll()
TypeError: Error #1034: Echec de la contrainte de type : conversion de sitefullflash_fla::MainTimeline@10ebf6a9 en flash.display.Bitmap impossible.
    at com.chargement::Precharg/carreGauche()
    at Function/http://adobe.com/AS3/2006/builtin::apply()
    at com.greensock.core::TweenCore/complete()
    at com.greensock::TweenMax/complete()
    at com.greensock::TweenMax/renderTime()
    at com.greensock.core::SimpleTimeline/renderTime()
    at com.greensock::TweenLite$/updateAll()
TypeError: Error #1034: Echec de la contrainte de type : conversion de sitefullflash_fla::MainTimeline@10ebf6a9 en flash.display.Bitmap impossible.
    at com.chargement::Precharg/carreGauche()
    at Function/http://adobe.com/AS3/2006/builtin::apply()
    at com.greensock.core::TweenCore/complete()
    at com.greensock::TweenMax/complete()
    at com.greensock::TweenMax/renderTime()
    at com.greensock.core::SimpleTimeline/renderTime()
    at com.greensock::TweenLite$/updateAll()


Salut alors dans ce projet, la base chargé est une image et pour l'affichage de celle-ci j'utilise un BitmapData pour l'affichage progressif, forcément lors du chargement d'un fichier swf, cette étape de doit pas avoir lieu, il faut donc supprimer toute étape faisant référence à cette fameuse classe BitmapData et ajouter à la liste d'affichage le loader directement après la fin du chargement.

Alors je n'ai pas testé, mais ceci devrait fonctionner:

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);
            this.addChild(loader);
        }
      }
    }
}


Super ce tuto, merci beaucoup

Tutoriel très intéressant !

Moi j'ai utilisé un .swf à la place du .jpg en prenant comme exemple le code d'artkabis.

Pour que celui-ci fonctionne il faut supprimer le code suivant

Code:

var img:Bitmap = loader.content;

de la fonction carreGauche().

J'ai un petit problème avec le navigateur Mozilla Firefox. Le preloader affiche 2 ou 3 carrés (gris) et se relance à l'infinie ....

Pouvez-vous me dire si le preloader fonctionne sur ce navigateur ou si ça vient de mon code.

Merci

Désolé pour le double post.

Mon problème de preloader venait de mon code.

Cependant, pouvez vous me dire pourquoi sur certain navigateur (Safari par exemple), la vidéo se lance avant que le preloader soit à 100% (du genre à 10% on entend la vidéo qui se lance derrière ...)

Ca me pose un sérieux problème. Merci.

A++

problème de compatibilité avec flash surtout safari.

Réponse rapide Merci beaucoup.

Et ça le fait également avec Mozilla Firefox se chargement avant la fin du preloader ... c'est bizarre que certains navigateur gère ça bien et d'autres non ... alors que pourtant la machine virtuelle flash est la même non ? ....

Si quelqu'un a une idée je suis preneur.