Prechargement avec barre de progression (AS3)

    Partager

    Demeter
    Ancien staff

    Nombre de messages: 4569
    Age: 40
    Logiciels: Quelles logiciel utilisez vous?
    Logiciel Adobe Photoshop, flash, dreamweaver, the gimp, blender 3D, visual studio 2010, expression studio 4, Aptana studio 1.5, Illustrator, indesign.

    Date d'inscription: 14/07/2009

    Capacités en graphisme
    Capacité graph:
    0/0  (0/0)

    Re: Prechargement avec barre de progression (AS3)

    Message par Demeter le Ven 11 Déc - 15:29

    Bonjour lole moi j'ai suivi le tuto a la lettre et j'ai in serrer mon code dans le code de charge je te met mon code complet pour toi voir comment j'ai fait tout.

    Alors encore une petite explication tout se trouve dans le même fla je met tout sur une frame différente et chaque bouton que j'ai créer le code relance sur une frame différente a chaque fois, si tu ne comprend pas tout je peux te faire parvenir mon .fla pour te montrer tiens moi au courant lole

    Code:
    stop();
    //on créé la fonction progres
    function progres (pEvt:ProgressEvent):void {
      //on calcul le chargement
      var charge:Number =pEvt.bytesLoaded / pEvt.bytesTotal;
      //puis le chargement en pourcentage
      var pct:int = charge* 100;
      //on affiche la progression en % dans notre texte dynamique
      charg.textCharg.text="Chargement: "+ pct +"%";
      //on alonge la barre de progression en fonction du chargement
      charg.barr.scaleX = charge;
    };
    //on créé la fonction complet
    function complet (pEvt:Event):void {
      //on supprime les deux écouteur une fois le chargement terminé
      loaderInfo.removeEventListener(ProgressEvent.PROGRESS,progres);
      loaderInfo.removeEventListener(Event.COMPLETE,complet);
      //puis on affiche l'annimation
      gotoAndStop("interface");

    //
    //--- Fonction qui sera appelée une fois le chargement terminé ---
    //
       function clicAccueil(pEvt:MouseEvent):void {
          gotoAndStop("interface");
          trace(pEvt.currentTarget.name);
       }
       function clicPhotoshop(pEvt:MouseEvent):void {
          gotoAndStop("photoshop");
          trace(pEvt.currentTarget.name);
       }
       function clicFlash(pEvt:MouseEvent):void
       {
          gotoAndStop("flash");
       }
       function clicPainting(pEvt:MouseEvent):void
       {
          gotoAndStop("painting");
       }
       function clicAutre(pEvt:MouseEvent):void
       {
          gotoAndStop("autre");
       }
       function clicProfil(pEvt:MouseEvent):void
       {
          gotoAndStop("profil");
       }
       function clicCV(pEvt:MouseEvent):void
       {
          gotoAndStop("cv");
       }
    //=======ECOUTEURS BTNs=====


        site.menU.B_accueil.addEventListener(MouseEvent.CLICK, clicAccueil);
       site.menU.B_creation_photoshop.addEventListener(MouseEvent.CLICK, clicPhotoshop);
       site.menU.B_creation_flash.addEventListener(MouseEvent.CLICK, clicFlash);
       site.menU.B_creation_painting.addEventListener(MouseEvent.CLICK, clicPainting);
       site.menU.B_creation_autre.addEventListener(MouseEvent.CLICK, clicAutre);
       site.menU.B_profil.addEventListener(MouseEvent.CLICK, clicProfil);
       site.menU.B_CV_en_ligne.addEventListener(MouseEvent.CLICK, clicCV);
    }
    //--- Ecouteurs chargement ---
    //
    //on créé les deux écouteurs, l'un pour la progression,
    //l'autre pour l'evenement completé
    loaderInfo.addEventListener(ProgressEvent.PROGRESS,progres);
    loaderInfo.addEventListener(Event.COMPLETE,complet);



    _________________

    Les Ateliers Designs

    lole
    Newbie
    Newbie

    Nombre de messages: 25
    Age: 36
    Logiciels: Quelles logiciel utilisez vous?
    Date d'inscription: 03/12/2009

    Re: Prechargement avec barre de progression (AS3)

    Message par lole le Ven 11 Déc - 16:33

    je veux bien ton fla svp
    car je n'arrive toujours pas remplacer une photo en chargement par un fichier swf.

    DJereMaster
    Ceinture jaune
    Ceinture jaune

    Nombre de messages: 263
    Age: 24
    Logiciels: Design: suite Adobe CS4 et CS5, Swift3D, 3Dsmax, Xara3D, Gimp, Apophysis, Fontlab
    Programmation: FlashDevelop
    Serveurs et bases de données: FileZilla, Wamp, Xamp
    Composition sonore: FLstudio, Cubase
    Traitement de texte: suite Office 2007, suite OpenOffice
    Date d'inscription: 17/06/2009

    Capacités en graphisme
    Capacité graph:
    0/0  (0/0)

    Re: Prechargement avec barre de progression (AS3)

    Message par DJereMaster le Ven 11 Déc - 17:01

    Hello,



    par lole le Jeu 10 Déc - 16:16
    je n'arrive donc toujours pas à charger une autre animation flash qui est dans une autre séquence après cette barre de défilement.
    Merci
    Donc là c'est un problème de chargement expliqué dans mon précédent post.
    Pour une animation c'est un preloader avec le SWF externe comme source.
    Pour une image il suffit de mettre un preloader avec l'image comme source (un UIloader serait le mieux).
    =>tout ceci si les fichiers sont externes au projet.


    par lole le Ven 11 Déc - 15:33
    car je n'arrive toujours pas remplacer une photo en chargement par un fichier swf.


    Et là c'est un problème de remplacement qui vient aprés la résolution du problème de chargement.

    Allons y par étape.

    Le code pour le chargement d'une image ou d'une animation SWF est le même.
    Si tu veux remplacer un MovieClip par un élément chargé il faut jouer avec des "removeChild/addChild", "visible=true/false", "load/unload"...

    Le mieux c'est que tu envois ton projet pour te corriger

    lole
    Newbie
    Newbie

    Nombre de messages: 25
    Age: 36
    Logiciels: Quelles logiciel utilisez vous?
    Date d'inscription: 03/12/2009

    Re: Prechargement avec barre de progression (AS3)

    Message par lole le Ven 11 Déc - 18:09

    Merci à vous deux.
    j'ai fais le tuto à l'identique en image clef1,
    et une photo en image clef2.
    la barre de défilement s'affiche bien avant ma photo.
    là tous fonctionne.
    lorsque je veux remplacer cette photo par un swf, avec le code ci dessous que je place dans la calque AS, en image clef 2, la barre de défilement disparaît mais le fichier swf , apparaît bien.
    ____________________________
    var chargeur:Loader = new Loader();
    var adresse:URLRequest = new URLRequest("mon.swf");
    chargeur.load(adresse);
    addChild(chargeur);

    death-hurt
    Ceinture blanche
    Ceinture blanche

    Nombre de messages: 58
    Age: 25
    Logiciels: Quelles logiciel utilisez vous?
    La suite Adobe CS3 et CS4 combiné à quelques logiciels open source Wink
    Date d'inscription: 09/12/2009

    Capacités en graphisme
    Capacité graph:
    0/0  (0/0)

    Re: Prechargement avec barre de progression (AS3)

    Message par death-hurt le Ven 11 Déc - 19:44

    j'ai trouvé un tuto vidéo disponible avec les mentions artkabis qui fournissait un preloader plutôt sympa (du genre personnalisable aisément par l'intermédiaire d'une fonction avec ses divers paramètres)
    c'est bien de vous non ?
    Il me semble les liens ne sont pas autorisés, en tout cas ce dernier était super

    artkabis
    Administrateur

    Nombre de messages: 4514
    Age: 28
    Logiciels: Photoshop CS4, Flash CS4, Indesign CS4, After Effects CS4, Illustrator CS4, Premier Pro CS4, Encore CS4, Flexbuilder 3, Papervision 3D, Camtasia, Captivate, InDesign, Swift 3d, Illustrator, Dreamweaver CS3, Blender, Swift 3D, WampServer.
    Date d'inscription: 11/09/2008

    Capacités en graphisme
    Capacité graph:
    9/10  (9/10)

    Re: Prechargement avec barre de progression (AS3)

    Message par artkabis le Ven 11 Déc - 20:34

    Salut alors oui j'ai proposé ce type de preloader, il est dispo gratuitement à cet endroit :

    http://www.weecast.fr/flash_actionscript/preloader-dynamique-reutilisable-et-parametrable-as3,4386.html


    _________________
    J'me fais de la pub et na tongue

    death-hurt
    Ceinture blanche
    Ceinture blanche

    Nombre de messages: 58
    Age: 25
    Logiciels: Quelles logiciel utilisez vous?
    La suite Adobe CS3 et CS4 combiné à quelques logiciels open source Wink
    Date d'inscription: 09/12/2009

    Capacités en graphisme
    Capacité graph:
    0/0  (0/0)

    Re: Prechargement avec barre de progression (AS3)

    Message par death-hurt le Ven 11 Déc - 20:41

    Exactement ce à quoi je faisais référence !
    Depuis que je suis tombé sur ce tutoriel j'ai eu une grande envi de m'initier à l'AS3 !
    j'espère atteindre ton niveau, vraiment spectaculaire ce qu'il t'es possible de réaliser.
    Du coup je suis à l'écoute de tout conseil, et de toutes news de ta part
    j'ai débuté par la lecture d'un "cours complet" sur l'AS3 (assez long et fastidieux mais je juge ça comme étant une base nécessaire...

    steuteurback
    Newbie
    Newbie

    Nombre de messages: 28
    Age: 28
    Logiciels: photoshop cs4, dreamweaver et flash cs4
    Date d'inscription: 06/12/2009

    Re: Prechargement avec barre de progression (AS3)

    Message par steuteurback le Jeu 24 Déc - 0:04

    salut arka deja super tes tutos je m'amuse super bien avec tout ça

    Mais j'aurais une question

    j'ai fait une banniére et une barre de chargement tout séparé

    apres j'ai était sur ma banniére j'ai tout selectionner et j'ai fait ctrl+c et je suis parti sur ma barre de chargement la frame 2 et fait ctrl+v

    quand je teste l'annim ça marche mais pas sur mon site pourquoi ?

    voici le lien fini et le lien du fichier tavaille

    le site et le lien du fichier travaille fichier fla

    Merci j'espère que tu trouveras le problème encore merci
    TypeError: Error #2007: Le paramètre child ne doit pas être nul.
    at flash.display::DisplayObjectContainer/setChildIndex()
    at essai_fla::MainTimeline/out4()
    TypeError: Error #2007: Le paramètre child ne doit pas être nul.
    at flash.display::DisplayObjectContainer/setChildIndex()
    at essai_fla::MainTimeline/out4()

    Ps pourquoi mon image et si moche alors que en teste elle est super belle ?

    de plus un amis me dit sur ie la banniere fonctionne mais pas sur mozilla pas de flash dessus snif dommage

    zuhan
    Ceinture jaune
    Ceinture jaune

    Nombre de messages: 488
    Age: 28
    Logiciels: Photoshop cs4 / Flash cs4 /After Effects 7
    Date d'inscription: 14/02/2009

    Capacités en graphisme
    Capacité graph:
    0/0  (0/0)

    Re: Prechargement avec barre de progression (AS3)

    Message par zuhan le Jeu 24 Déc - 11:24

    Salut le lien pour charger ton fla ne fonctionne pas chez moi peux tu vérfier?

    Demeter
    Ancien staff

    Nombre de messages: 4569
    Age: 40
    Logiciels: Quelles logiciel utilisez vous?
    Logiciel Adobe Photoshop, flash, dreamweaver, the gimp, blender 3D, visual studio 2010, expression studio 4, Aptana studio 1.5, Illustrator, indesign.

    Date d'inscription: 14/07/2009

    Capacités en graphisme
    Capacité graph:
    0/0  (0/0)

    Re: Prechargement avec barre de progression (AS3)

    Message par Demeter le Jeu 24 Déc - 13:49

    j'ai vérifier pour être sur on arrive sur une page 404 erreur voila bonnecontinuation zuhan et bonne fête de noël


    _________________

    Les Ateliers Designs

      La date/heure actuelle est Lun 6 Fév - 13:55