Subscribe to Zinmag Tribune
Subscribe to Zinmag Tribune
Subscribe to Zinmag Tribune by mail
vendredi, novembre 21, 2008 Publié par speedtouch00









Statistiques


PageRank Actuel

31728 visiteurs au total

2 visiteurs sur le site

78464 pages vues


12 tutoriaux

12 kits graphiques

1 ressource

55 créations

132 commentaires
Last MAJ : 10/03/08













TUTORIAUX
































Preloader flash








image
Bonjour, et bienvenue dans ce premier tutoriel vidéo sur anas10.fr

Ce tutoriel a pour but de vous apprendre à créer un preloader flash pour vos animations et autre...
Ce preloader permet d'afficher la progression du chargement ainsi qu'une barre de chargement, vous pouvez biensur adapter le tout en image ce qui est assez sympa!! tongue

image

Cliquez ici pour voir le tuto (en video)

Le code en question dans le tutoriel :

stop();
var weight = this.getBytesTotal();
this.onEnterFrame = function() {
progress_load = this.getBytesLoaded();
part_load = Math.round((progress_load/weight)*100);
texte = "chargement en cours... "+part_load+"%";
barre._xscale = part_load;
if (part_load == 100) {
delete this.onEnterFrame;
gotoAndStop(2);
//vous pouvez remplacer ceci par gotoAndPlay(2);
//si vous désirez qu'une fois arrivé sur la frame 2 la lecture des frames commence.
}
};


image


(si vous avez une grande vitesse il se peut que vous n'ayez pas le temps de voir le preload car je n'ai pas créer un swf trés lourd...)

image
Fichier .fla



20 Commentaire(s)



Postée le 20 Jan 2008 par aNas





Le 30 Jan 2008 08:30 pm, par Copoi


Ton tuto est Exelent mais pour le code evites de tel mettre dans un genre de citation car apres quand on copie ca fait tout en une ligne
ByE




Le 30 Jan 2008 08:34 pm, par Copoi


Dsl,j'ai oublier dete dire que le .fla que tu propose est invalide (j'ai essayer 2 dezipeur (winzip et quickzip)) wassat




Le 30 Jan 2008 09:11 pm, par aNas


Pour le code je n'ai pas encore trouvé de bonne méthode pour l'insérer dans les tutos.

Sinon en ce qui concerne le fichier.zip contenant le .fla cela marche parfaitement!
Personnellement j'utilise winrar (version d'essai) et ca ne me pose aucun probleme! donc je ne peut que te le conseiller car ca marche parfaitement avec lui, je ne peut aussi t'en dire plus puisque je n'ai pas testé les deux autres dont tu parle...

voila, si tu n'y arrive toujours pas contacte-moi via la partie contact et je t'enverrai directement le fichier .fla (je ne peut mettre de lien pour un fichier .fla car il s'ouvre dans le navigateur sous forme de codes...)




Le 10 Feb 2008 07:48 am, par lesloups


super ca marche
je confirme le fla marche




Le 25 Feb 2008 12:11 am, par farouk






Le 27 Mar 2008 05:34 pm, par buzz


C'est exactement ce que je recherchais, vu que je suis pas très bon en AS tongue ! Par contre j'ai voulu insérer le code dans un fla qui contient plusieurs séquences et l'animation du preload n'apparaît qu'aux environs de 50 % du chargement wassat




Le 03 Apr 2008 05:41 pm, par Kaname


J'ai un petit problème moi. En fait, tout se passe bien, mais dès que le chargement est terminé, l'image ne s'affiche pas ! Est-ce que quelqu'un peut m'aider s'il vous plait ?




Le 04 Apr 2008 10:35 pm, par aNas


Merci ;)

@ buzz :

Oui c'est un bug qu'on m'a rapporté avec plusieurs séquences seulement chez les autres ca démarre a 10% mais tout dépend de ta vitesse de connexion des fois tu n'a pas le temps de le voir surtout si par exemple tu affiche ton loading avec des images par exemple...

Mais j'essayerais de trouver une solution dans la prochaine maj de ce tuto...

@ Kaname :

C'est surement du au fait que tu n'a pas lu les commentaires qui indiquait que selon ce que vous vouliez en faire il faudrait je cite ce qu'il y'a dans le code plus haut :

gotoAndStop(2);
//vous pouvez remplacer ceci par gotoAndPlay(2);
//si vous désirez qu'une fois arrivé sur la frame 2 la lecture des frames commence.


voila il y'a donc juste a remplacer le gotoAndStop par gotoAndPlay tongue ...




Le 13 May 2008 12:06 pm, par stefart


wink merci très sympa le tuto




Le 14 May 2008 10:26 am, par davy


super sympa ton tuto




Le 25 May 2008 03:49 pm, par lesloups


Salut j'ai reussi super je fais un site en flash sur l'om
la barre je trouve ça pas personnalisée je chercherai a que le logo olympique de marseille se remplisse tu sais comment faire
car la si je met le logo om il va juste ce deplace :s crying




Le 25 May 2008 04:27 pm, par lesloups


http://www.snapple.com/default.htm
voila c'est plus personnaliser tu vois je voudrais que le logo se remplisse ?possible . wassat




Le 29 May 2008 08:16 pm, par papouw


wink
Hello,
j'ai installé le preloader en séquence1 et mon animation en séquence2.
Tout fonctionne, mais au deuxième passage, on voit s'afficher rapidement le préloader, ce qui provoque une saccade à l'animation.
Je suis vraiment un débutant.
Quelqu'un a-t-il la solution ?
Merci d'avance




Le 07 Jun 2008 10:49 pm, par ana648


Pfff rien ne marche avec moi:
la barre fonctionne bien, parfait, mais ensuite l'animation (le contenu) s'affiche sans se lire... comme étant sur "pause".
J'imagine qu'il faut insérer un code qui lance la lecture du swf intégré, mais j'ignore lequel... (je suis vraiment nulle, je sais)..

Si jamais quelqu'un peut m'aider, ce serait vraiment gentil. Je débute sur Flash et je suis complètement perdue.
Merci d'avance! crying




Le 08 Jun 2008 11:52 am, par aNas


Désolé pour le retard mais je suis un peu occupé alors,

@stefart & @davy : Merci et de rien wink

@lesloups : Pour faire un logo qui se remplisse je te conseil de faire comme dans le tuto mais de mettre un masque avec ton logo sur la barre ce qui fera que l'on aura l'impression que le logo se rempli...

@papouw : Tout d'abord c'est normale que le preloader s'affiche rapidement au second passage puisque l'animation est déja en partie chargée dans le cache donc il est inutile pour lui de s'afficher longtemps, de plus ce n'est pas cela qui provoque la saccade car si tu a bien respecté le tuto, le preloader ne devrait en aucun cas avoir un quelconque effet sur ton animation...

@ana648 : En ce qui te concerne c'est le même cas que Kaname plus haut donc je te fais un copier coller de la réponse que je lui ai donné...les commentaires dans le code sont la pour quelque chose!

==>"C'est surement du au fait que tu n'a pas lu les commentaires qui indiquait que selon ce que vous vouliez en faire il faudrait je cite ce qu'il y'a dans le code plus haut :

gotoAndStop(2);
//vous pouvez remplacer ceci par gotoAndPlay(2);
//si vous désirez qu'une fois arrivé sur la frame 2 la lecture des frames commence.


voila il y'a donc juste a remplacer le gotoAndStop par gotoAndPlay"

==>

smile smile smile smile




Le 20 Jun 2008 07:39 pm, par lesloups


oups 'javais pas vu que tu avais répondu ok

je vais voir ça merci anas tongue




Le 20 Jun 2008 08:01 pm, par lesloups


Salut,
si tu as le temps tu pourrai me dire comment faire car je comprdn pas trop merci tongue




Le 26 Jul 2008 03:13 pm, par Franck


Mouais je trouve dommage que le pavé d'action script soit donné comme ça sans explication, parce qu'au final, c'est ça le plus interressant. Pas la peine d'un tuto dans ce cas, il suffit de savoir faire un rectangle, ce qui soit dit entre nous n'est pas compliqué, même pour le plus néophyte.
Donc très bof le tuto.




Le 14 Oct 2008 04:24 pm, par marcus


sympa ton code simple et efficace merci encore




Le 14 Nov 2008 10:02 pm, par metis15


Mouai, peut-être simple, mais je ne suis pas très doué avec le code. J'ai essayé une bonne dizaine de preloader et c'est la première fois que ça marche du premier coup, alors bravo !!!
Juste un petit problème avec le cadre noir atour de la bande thermomètre, on ne voit le filet qu'en bas... J'ai peut-être fait une bande trop étroite ?




Pseudo:






E-mail: (facultatif)





Smileys:

smile wink wassat tongue laughing sad angry crying 







Commentaire:


Enter this code
Security Image



|
Les oublier




















You can leave a response, or trackback from your own site.

0 Response to " "

Enregistrer un commentaire

featured-video