• Poster un nouveau sujet
  • Répondre au sujet

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: 21
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: 21
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
  • Poster un nouveau sujet
  • Répondre au sujet

La date/heure actuelle est Jeu 9 Fév - 21:31