Prechargement avec barre de progression (AS3)

    Partager

    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)

    Prechargement avec barre de progression (AS3)

    Message par artkabis le Lun 8 Déc - 19:42

    Salut les loulous, je vous ai préparé un petit tutoriel sur la création de préchargement en AS3. Vous verrez qu'avec quelques lignes de code et une ptite touche de fantaisie, vous arriverez à précharger vos fichiers le plus simplement du monde.

    Le code est optimisé et vous n'aurez besoin que d'un clip et d'un texte dynamique pour la totalité du tutoriel.

    Exemple:




    Le fichier source: prechargement_as3.fla

    Voici le code qui fut utilisé pour ce tutoriel:
    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(2);
    };
    //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);


    Le tutoriel:

    Zoee
    Ancien staff

    Nombre de messages: 2666
    Age: 40
    Logiciels: Photoshop, Illustrator, InDesign, Lightroom
    Date d'inscription: 25/09/2008

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

    Re: Prechargement avec barre de progression (AS3)

    Message par Zoee le Mar 9 Déc - 11:18

    Merci pour ton partage :D

    Je regarderai ça dès que j'aurais un moment.

    Valbuena72
    Ceinture blanche
    Ceinture blanche

    Nombre de messages: 180
    Age: 19
    Logiciels: Quelles logiciel utilisez vous?
    Date d'inscription: 13/03/2009

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

    Re: Prechargement avec barre de progression (AS3)

    Message par Valbuena72 le Lun 23 Mar - 20:06

    Code:
    1046: Ce type est introuvable ou n'est pas une constante de compilation : progresEvent.

    j'ai ça et franchement j'y comprend rien et je commence déja un peter un cable

    j'ai du oublie un nom d'occurence qui s'apelle progres ?

    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 Lun 23 Mar - 21:19

    Regardes ton code, car tu as oublié un "s" à "ProgressEvent"


    _________________
    J'me fais de la pub et na tongue

    Lilwarre A.K.A. Prod
    Ceinture verte
    Ceinture verte

    Nombre de messages: 631
    Age: 22
    Logiciels: Adobe Master Collection CS4!
    Date d'inscription: 31/12/2008

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

    Re: Prechargement avec barre de progression (AS3)

    Message par Lilwarre A.K.A. Prod le Lun 23 Mar - 21:25

    Euh déjà merci du tutoriel mais je veux qu'a la fin du préchargement avec la barre de progression apparait un bouton "entrer" et dans le bouton entrer des que l'on clique il y a un lien vers l'accueil du site!

    Valbuena72
    Ceinture blanche
    Ceinture blanche

    Nombre de messages: 180
    Age: 19
    Logiciels: Quelles logiciel utilisez vous?
    Date d'inscription: 13/03/2009

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

    Re: Prechargement avec barre de progression (AS3)

    Message par Valbuena72 le Lun 23 Mar - 22:12

    Ah oui ah ben d'accord
    et maintenannt j'ai ça
    Code:

    TypeError: Error #1010: Un terme n'est pas défini et n'a pas de propriété.
        at Sansnom_fla::MainTimeline/progress()
    TypeError: Error #1010: Un terme n'est pas défini et n'a pas de propriété.
        at Sansnom_fla::MainTimeline/progress()

    j'ai ça mais ça fonctionne pour le texte uniquement

    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 Mar 24 Mar - 10:52

    Peux-tu poster ta question dans la bonne section (ICI ), je pense que ça sera plus simple, n'oublies pas de placer ton code dans ces balises
    Code:

    [code][/code]


    _________________
    J'me fais de la pub et na tongue

    Lloyd06
    Newbie
    Newbie

    Nombre de messages: 21
    Age: 22
    Logiciels: Quelles logiciel utilisez vous?
    Photoshop CS4 64bits, Flash CS4, Illustrator, Dreamweaver CS4, After Effects CS4
    Date d'inscription: 05/04/2009

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

    Re: Prechargement avec barre de progression (AS3)

    Message par Lloyd06 le Mer 22 Avr - 16:23

    Un vrai casse-tête chinois pour moi, mais je suis super content j'y suis arrivé !!

    durnk

    desperadisse
    Ceinture jaune
    Ceinture jaune

    Nombre de messages: 218
    Age: 31
    Logiciels: Photoshop CS3, Flash CS3, Dreamweaver CS3, NotePad ++, Wampserver, Flash CS4, Photoshop CS4, Camtasia 6, Adobe Captivate 3.
    Date d'inscription: 07/03/2009

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

    Re: Prechargement avec barre de progression (AS3)

    Message par desperadisse le Mer 22 Avr - 17:05

    C'est vrai que c'est vraiment important des barres de progressions ^^

    Sa sert partout si on regarde bien ^^

    Figolu94
    Ceinture blanche
    Ceinture blanche

    Nombre de messages: 67
    Age: 23
    Logiciels: Adobe Flash CS4
    Date d'inscription: 13/01/2009

    Re: Prechargement avec barre de progression (AS3)

    Message par Figolu94 le Mar 30 Juin - 8:19

    Bonjour à tous,
    J'ai un petit soucis avec la barre de pré chargement... Quand je lance mon anim, je suis directement ouvert sur l'image que je dois faire apparaître et à aucun moment je n'ai eu de chargement de la barre. Pourtant je me suis mis en simulation avec un super bas débit (1.4K/sec). Mes nomenclatures sont correctes par rapport à mon code, j'ai même fait copier coller le code d'artkabis dans le cas où je me serais planté, mais rien.
    Auriez-vous une idée?
    Merci d'avance

      La date/heure actuelle est Jeu 24 Mai - 12:14