Prechargement avec progressBar 100% dynamique (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 progressBar 100% dynamique (AS3)

    Message par artkabis le Jeu 29 Jan - 17:01

    Salut les loulous, voici un autre tutoriel sur le préchargement en as3, pour ce qui se poseraient la question, ce tuto est bien différent de celui que je vous avais présenté il y a peu de temps.

    Nous allons donc créer un préchargement, mais cette fois-ci, aucun clip ne sera créé, seul le code sera utilisé, tant pour l'aspect graphique que pour le côté préchargement.

    Voici le code utilisé lors du tutoriel:
    Code:

    var adresse:URLRequest = new URLRequest("image1.png");
    var chargeur:Loader = new Loader();
    var jauge:Shape = new Shape ();
    var pct:TextField = new TextField();


    chargeur.load(adresse);
    addChild(chargeur);
    jauge.graphics.beginFill(0x00FFFF);
    jauge.graphics.drawRect(5, 5, 200, 10);
    jauge.x = (stage.stageWidth - jauge.width) /2;
    jauge.y = (stage.stageHeight - jauge.height) /2;
    addChild(jauge);
    addChild (pct);
    pct.width = 100;
    pct.textColor = 0x00FFFF;

    chargeur.contentLoaderInfo.addEventListener(Event.COMPLETE,chargementValide);
    chargeur.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS,progressChargement);

    function chargementValide(pEvt:Event) {
       jauge.visible =false;
       pct.visible =false;
       var imgLarg:Number = pEvt.currentTarget.width;
       var imgHaut:Number = pEvt.currentTarget.width;
       chargeur.width = imgLarg;
       chargeur.height = imgHaut;
       chargeur.x = (stage.stageWidth - chargeur.width) /2;
       chargeur.y = (stage.stageHeight - chargeur.height) /2;
       
    }

    function progressChargement(pEvt:ProgressEvent) {
       var loaded:Number = pEvt.bytesLoaded;
       var total:Number =  pEvt.bytesTotal;
       var pourcent:Number = loaded/total
       jauge.scaleX = pourcent;
       pct.text = Math.floor(pourcent * 100) + "%";
       pct.x = (pourcent* 205)+jauge.x ;
       pct.y =jauge.y ;
    }


    Voici donc le tutoriel:



    Dernière édition par artkabis le Ven 30 Jan - 19:54, édité 1 fois

    Angakks
    Newbie
    Newbie

    Nombre de messages: 30
    Age: 22
    Logiciels: Quelles logiciel utilisez vous?
    Date d'inscription: 18/07/2009

    Re: Prechargement avec progressBar 100% dynamique (AS3)

    Message par Angakks le Mar 21 Juil - 15:05

    Bonjour et merci pour ce tutoriel

    Je pose ma première question sur le site :

    J'aimerais savoir si il est possible d'afficher une page html a la fin de l'event progress bar, par exemple j'ai le dossier de mon site web dans le dossier prechargement_image, et au lieu d'avoir le lien d'une image, j'aurais aimé avoir un truc genre "./dossiersiteweb/index.html" j'ai essayé mais apparement le .html n'est pas reconnue lors de la prévisualisation.

    Merci de votre réponse

    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 progressBar 100% dynamique (AS3)

    Message par artkabis le Mar 21 Juil - 15:27

    Salut alors moi quand je rajoute ceci:
    Code:
    navigateToURL(new URLRequest('http://artkabis.net'));


    Dans la fonction chargementValide, j'ai bien une redirection...


    _________________
    J'me fais de la pub et na tongue

    Angakks
    Newbie
    Newbie

    Nombre de messages: 30
    Age: 22
    Logiciels: Quelles logiciel utilisez vous?
    Date d'inscription: 18/07/2009

    Re: Prechargement avec progressBar 100% dynamique (AS3)

    Message par Angakks le Mar 21 Juil - 15:42

    oui mais la ya une redirection après le chargement de l'image, moi j'aurais voulut charger la page html a la place de cette image, à moins que j'ai mal compris

    j'ai bien essayé sa au début du script mais sans résultat

    Code:
    var url: String = 'index.html' ;
    var urlRequest:URLRequest = new URLRequest( url ) ;

    var chargeur:Loader = new Loader();
    var jauge:Shape = new Shape ();
    var pct:TextField = new TextField();

    chargeur.load(urlrequest);

    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 progressBar 100% dynamique (AS3)

    Message par artkabis le Mar 21 Juil - 17:37

    Tu ne peux pas charger une page html où plus précisément le contenu d'une page html.

    Si tu veux faire ceci, il y a le javascript pour ça:
    http://www.j0k3r.net/article/html-page-de-chargement


    _________________
    J'me fais de la pub et na tongue

    Angakks
    Newbie
    Newbie

    Nombre de messages: 30
    Age: 22
    Logiciels: Quelles logiciel utilisez vous?
    Date d'inscription: 18/07/2009

    Re: Prechargement avec progressBar 100% dynamique (AS3)

    Message par Angakks le Mar 21 Juil - 17:46

    Merci pour la réponse et le lien Smile
    Je vais essayer sa dessuite

    monsieurlibouban
    Newbie
    Newbie

    Nombre de messages: 5
    Age: 28
    Logiciels: Quelles logiciel utilisez vous?
    Date d'inscription: 21/07/2009

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

    Re: Prechargement avec progressBar 100% dynamique (AS3)

    Message par monsieurlibouban le Sam 25 Juil - 2:15

    Salut Artkabis,

    Tout d'abord, encore merci pour tous ces tutos !!
    Ensuite j'ai bien réussi cet AS3, et je le trouve très joli ! Mais j'aimerais le faire en AS2. Penses-tu que c'est possible ? Et si oui est-ce que le code est très différent de la barre de progression AS2 déjà présente sur le forum?
    Merci,
    Cordialement

    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 progressBar 100% dynamique (AS3)

    Message par artkabis le Sam 25 Juil - 12:07

    Alors oui en effet, si tu devais recoder ceci en as2, il n'y aurait plus grand chose en commun, car seul la partie du calcule de pourcentage serait similaire.


    _________________
    J'me fais de la pub et na tongue

    monsieurlibouban
    Newbie
    Newbie

    Nombre de messages: 5
    Age: 28
    Logiciels: Quelles logiciel utilisez vous?
    Date d'inscription: 21/07/2009

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

    Re: Prechargement avec progressBar 100% dynamique (AS3)

    Message par monsieurlibouban le Sam 25 Juil - 12:25

    Bonjour Artkabis,

    Merci pour ta réponse.

    Au final donc, mieux vaut opter pour une autre barre ? Car vois-tu, mon site est en AS2; y-t-il contradiction avec une barre de chargement AS3 qui lance un site AS2 ?

    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 progressBar 100% dynamique (AS3)

    Message par Demeter le Sam 25 Juil - 15:31

    Bonjour monsieurlibouban normalement si je ne me trompe ces pas compatible parce que l'action script 2 ne s'aurra pas interprété l'action script 3 mais bon je ne suis pas asser connaisseur en la matiére pour te dire exactement la bonne réponce donc je laisse la réponce a plus adepte que moi sur l'action script 3

      La date/heure actuelle est Dim 12 Fév - 22:33