PRELOAD POUR NOVICE - SOURCE COMMENTEE PAR QUELQU'UN QUI SE MET A LA PLACE DES NOVICES

Information sur la source

Catégorie :ActionScripts Niveau : Débutant Date de création : 10/09/2004 Vu / téléchargé: 18 549 / 6 452

Auteur : lwred

Ecrire un message privé

Note :

8,44 / 10

Commentaire sur cette source (20)

Ajouter un commentaire et/ou une note

Description

PRELOADER tout ce qu'il y a de plus simple quoi que :
- c'est en fait un double preload
1-Afficchage du Preload du fichier SWF
2-Affichage d'un preload à la suite du premier pour le chargement d'un MOVIECLIP (qui lui même charge une image de manière aléatoire)
- c'est du coup une source qui montre aussi comment afficher une image au hazard parmi une liste

En retour, j'aimerais que quelqu'un puisse m'expliquer comment mettre en oeuvre un effet bounce avec MX 2004, j'y comprend rien et du coup, vous verrai que je me suis tapé l'anim clé par clé, pas top pour l'effet bounce.

Toute le reste est assez clean, enfin je crois.
Merci à tous pour vos excellentes sources, j'ai beaucoup appris grace à vous tous en peu de temps...

Source

- Tout ce passe dans la première image clé, voici l'action script de l'image 1 :
//ON BLOQUE L'ANIM. NECESSAIRE LORSQUE L'ON A UN PRELOADER
stop();
//ICI ON ENTRE LES DIFFERENTES IMAGES SUSCEPTIBLES D'ETRE CHARGEES
all_images = new Array("fonds/chat.jpg", "fonds/vache.jpg", "fonds/chien.jpg",
"fonds/requin.jpg", "fonds/araigne.jpg", "fonds/amster.jpg", "fonds/chenille.jpg",
"fonds/grenouille.jpg", "fonds/serpent.jpg", "fonds/koala.jpg", "fonds/libellule.jpg");
// COORDONNES DE CENTRAGE POUR UNE IMAGE DE 900*700 PIXELS
var xPos = 450;
var yPos = 350;
//ON CREE ICI UN MOVIECLIP VIRTUEL QUI VA PERMETTRE DE CHARGER L'IMAGE
this.createEmptyMovieClip("fond", 1);
//ON CHARGE L'IMAGE AVEC UNE ROUTINE PERMETTANT DE CHOISIR AU HAZARD
this.fond.loadMovie(all_images[random(all_images.length-1)]);
//ON RENTRE ENFIN DANS LA BOUCLE D'AFFICHAGE DU PRELOADER EN FONCTION DU CHARGEMENT
//PAR DEFAUT L'IMAGE SE CHARGE APRES LE SWF CE QUI NOUS PERMET D'AVOIR 2 PRELOAD POUR LE
//PRIX D'UN SEUL COMPOSANT
this.onEnterFrame = function() {
//ICI ON VEUT RECUPERER DANS loaded1 ET loaded2 CE QUI A ETE CHARGE DU SWF ET DE l'IMAGE CHOISIE
//AU HAZARD
var _loaded1 = _root.getBytesLoaded();
var _loaded2 = this.fond.getBytesLoaded();
//ICI ON ADDITIONNE SIMPLEMENT POUR LE CALCUL DU POURCENTAGE
var _loaded = _loaded1 +_loaded2;
//ICI ON RECUPERE LA TAILLE TOTALE DU SWF ET DE L'IMAGE CHOISIE AU HAZARD
var _total1 = _root.getBytesTotal();
var _total2 = this.fond.getBytesTotal();
//TOTAL
var _total = _total1 + _total2;
//CALCUL DE L'IMAGE EN FONCTION DU CHARGEMENT ET AFFICHAGE DE LA BARRE DE PROGRESSION
//C'EST ICI QUE LA MAGIE OPERE
//COMME AU DEPART LE CHARGEMENT DE l'IMAGE N'EST PAS IMMEDIAT, LE CALCUL DU POURCENTAGE
//ET DE LA PROGRESSION SE FAIT D'ABORD SUR LES SEULES VALEURS DU SWF
//IL FAUT JUSTE S'ATTACHER A AVOIR LE BON DESCRIPTIF ET LES BONS CALCULS DE POURCENTAGE
//SINON LE PRELOADER EN SERAIT PERTURBE
if (_loaded1 == _total1 && _loaded2 > 10){
percent = Math.round(_loaded2 * 100/ _total2);
txtcharge = "...Surprise";
} else {
percent = Math.round(_loaded1 * 100/ _total1);
txtcharge = "...Swf";
}
//INCREMENTATION DE LA BARRE DE PROGRESSION
fleche.gotoAndStop(percent);
//ON VERIFIE QUE LE CHARGEMENT EST OK AVEC UNE CONDITION, C'EST QUE LE CHARGEMENT
//DE L'IMAGE A BIEN COMMENCE, SINON, LA CONDITION SERAIT REMPLIE PAR LE SEUL
//CHARGEMENT DU SWF
if (_loaded == _total && _total>_total1) {
this.onEnterFrame = undefined ;
//MOVIECLIP EN ALPHA 0 POUR LAISSER APPARAITRE LA FONDUE DU PRELOADER
this.fond._alpha = 0;
//PERMET DE SORTIR DE LA BOUCLE LIEE A LA FONCTION ON ENTER FRAME
gotoAndPlay(2);
}
};
//VOILA C'EST TOUT. J'AI QUAND MEME PAS MAL GALERE CAR JE SUIS NOVICE
//ET EN TANT QUE NOVICE, J'AVAIS ENVIE D'EXPLIQUER AUX AUTRES NOVICES...

- Tout ce passe dans la première image clé, voici l'action script de l'image 1 :

//ON BLOQUE L'ANIM. NECESSAIRE LORSQUE L'ON A UN PRELOADER
stop();
//ICI ON ENTRE LES DIFFERENTES IMAGES SUSCEPTIBLES D'ETRE CHARGEES
all_images = new Array("fonds/chat.jpg", "fonds/vache.jpg", "fonds/chien.jpg",
"fonds/requin.jpg", "fonds/araigne.jpg", "fonds/amster.jpg", "fonds/chenille.jpg",
"fonds/grenouille.jpg", "fonds/serpent.jpg", "fonds/koala.jpg", "fonds/libellule.jpg");
// COORDONNES DE CENTRAGE POUR UNE IMAGE DE 900*700 PIXELS
var xPos = 450;
var yPos = 350;
//ON CREE ICI UN MOVIECLIP VIRTUEL QUI VA PERMETTRE DE CHARGER L'IMAGE
this.createEmptyMovieClip("fond", 1);
//ON CHARGE L'IMAGE AVEC UNE ROUTINE PERMETTANT DE CHOISIR AU HAZARD
this.fond.loadMovie(all_images[random(all_images.length-1)]);
//ON RENTRE ENFIN DANS LA BOUCLE D'AFFICHAGE DU PRELOADER EN FONCTION DU CHARGEMENT
//PAR DEFAUT L'IMAGE SE CHARGE APRES LE SWF CE QUI NOUS PERMET D'AVOIR 2 PRELOAD POUR LE
//PRIX D'UN SEUL COMPOSANT
this.onEnterFrame = function() {
//ICI ON VEUT RECUPERER DANS loaded1 ET loaded2 CE QUI A ETE CHARGE DU SWF ET DE l'IMAGE CHOISIE
//AU HAZARD
var _loaded1 = _root.getBytesLoaded();
var _loaded2 = this.fond.getBytesLoaded();
//ICI ON ADDITIONNE SIMPLEMENT POUR LE CALCUL DU POURCENTAGE
var _loaded = _loaded1 +_loaded2;
//ICI ON RECUPERE LA TAILLE TOTALE DU SWF ET DE L'IMAGE CHOISIE AU HAZARD
var _total1 = _root.getBytesTotal();
var _total2 = this.fond.getBytesTotal();
//TOTAL
var _total = _total1 + _total2;
//CALCUL DE L'IMAGE EN FONCTION DU CHARGEMENT ET AFFICHAGE DE LA BARRE DE PROGRESSION
//C'EST ICI QUE LA MAGIE OPERE
//COMME AU DEPART LE CHARGEMENT DE l'IMAGE N'EST PAS IMMEDIAT, LE CALCUL DU POURCENTAGE
//ET DE LA PROGRESSION SE FAIT D'ABORD SUR LES SEULES VALEURS DU SWF
//IL FAUT JUSTE S'ATTACHER A AVOIR LE BON DESCRIPTIF ET LES BONS CALCULS DE POURCENTAGE
//SINON LE PRELOADER EN SERAIT PERTURBE
if (_loaded1 == _total1 && _loaded2 > 10){
percent = Math.round(_loaded2 * 100/ _total2);
txtcharge = "...Surprise";
} else {
percent = Math.round(_loaded1 * 100/ _total1);
txtcharge = "...Swf";
}
//INCREMENTATION DE LA BARRE DE PROGRESSION
fleche.gotoAndStop(percent);
//ON VERIFIE QUE LE CHARGEMENT EST OK AVEC UNE CONDITION, C'EST QUE LE CHARGEMENT 
//DE L'IMAGE A BIEN COMMENCE, SINON, LA CONDITION SERAIT REMPLIE PAR LE SEUL
//CHARGEMENT DU SWF
if (_loaded == _total && _total>_total1) {
this.onEnterFrame = undefined ;
//MOVIECLIP EN ALPHA 0 POUR LAISSER APPARAITRE LA FONDUE DU PRELOADER
this.fond._alpha = 0;
//PERMET DE SORTIR DE LA BOUCLE LIEE A LA FONCTION ON ENTER FRAME
gotoAndPlay(2);
}
};
//VOILA C'EST TOUT. J'AI QUAND MEME PAS MAL GALERE CAR JE SUIS NOVICE
//ET EN TANT QUE NOVICE, J'AVAIS ENVIE D'EXPLIQUER AUX AUTRES NOVICES...

Fichier Zip

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

fonds
- chat.jpg 95 543 octets
- chien.jpg 45 443 octets
- koala.jpg 77 242 octets
- Thumbs.db11 264 octets
load.fla72 704 octets
load.swf 3 642 octets

Télécharger le zip

Sources du même auteur

Toutes les sources de lwred

Sources de la même categorie

Toutes les sources de la catégorie ActionScripts

Commentaires

Commentaire de Mafassure le 10/09/2004 02:00:48 administrateur CS

PRELOADER tout ce qu'il y a de plus simple quoi
un de plus ;-)
y'a l'air canon (novicement parlant :-)

je note apres test

l'effet bounce connais pas !! ?
Commentaire de okaneganai le 01/12/2004 14:05:12

ça marche que sous MX 2004 ton truc...
est-il donc impossible de créér un préloader pour des loadMovie sur un clip avec FlashMX ???
Commentaire de biloubiloukanakiou le 18/12/2004 16:24:10

c de la merde j'ai rien comlp)ris
Commentaire de welwel2 le 18/02/2005 14:16:37

Si c'est bien ton truc

avec mx sur MAC on ne peut ouvrir le fichier .fla (mx 2004)
Il suffit de recopier le code fourni en ligne dans l'image 1 d'un doc vierge
de rajouter une image 2 avec un stop
Et il y a une petite erreur ligne 7 rajouter les "
var xPos = "450";
var yPos = "350";

Il faut aussi créer un dossier fonds et y mettre les images et revoir les adresses des fichiers ou directement mettre les photos de son choix avec les bonnes adresses dans le code et puis c'est OK

Merci pour cette contrib monsieur

François
Commentaire de welwel2 le 18/02/2005 14:24:28

Je complète le précédent,

en fait j'ai pas tout... il faut aussi mettre alpha à 100 à la fin pour y voir qq chose
et j'ai en fait seulement les images aléatoires sans le preload...

tu pourrais pas faire une sauvegarde de ton fichier fla pour MX, ça serait bien vu qu'on est déjà 2 à le vouloir...
merci
Commentaire de okaneganai le 18/02/2005 17:22:14

désolé pour mon commentaire plus haut...
en fait ça marche très bien.
C'est moi qui suis bête :)
Commentaire de jukai le 14/06/2005 21:23:42

Merci beaucoup, pour moi ca marche nikel, très facile à comprendre et à utiliser, bravo !
Commentaire de pokpokpok le 09/08/2005 23:07:27

Salut,
j'arrive un peu en retard, mais moi j'arrive pas à ouvrir le fichier *.fla avec macromedia flash MX version 6 !

Et d'ailleurs, c'est pareil pour pas mal d'autres sources...
Commentaire de pokpokpok le 09/08/2005 23:08:45

Salut,
je n'arrive pas à ouvrir le ficher .fla avec Macromedia Flash MX version 6 !
Quelle version est nécessaire ?
Commentaire de okaneganai le 10/08/2005 07:31:59

la 7
Commentaire de pokpokpok le 10/08/2005 12:13:47

:) j'aurais du m'en douter !
Commentaire de cellule3d le 15/11/2005 00:19:09

waw ca a l'air vachement simple (rires)
merci qd meme :)
Commentaire de Djay51 le 18/11/2005 09:08:03

Il faudrait peut être penser aux possesseurs de la version 6...
Commentaire de krixto le 29/11/2005 09:15:11

Hello, il à l'air assez sympa ton préchargement (ben ui suis un n00b lol) mais pas moye, de lire le *.FLA ;( j'arrive même pas à désiper le fichier, il me fait une erreur ! si se serai possible de l'avoir non zipé par mail ca serai trop bien lol kr1x70@hotmail.com

Merci :)
Commentaire de krixto le 29/11/2005 09:17:58

Ha mais non Dsl du message, je suis en cour la et c'est un version plus ancienne que chez moi j'avai pas tilté !

DSL ;)
Commentaire de acidspike le 05/12/2005 20:07:52

Preloader trés facile a comprendre donc a modifier je suis nouveau dans la programmation flash et je le trouve très simple.
Je dis bravo.
Commentaire de Barbouille99 le 26/04/2006 11:49:01

Vraiment super! J'ai rammer pour trouver un truc dans ce style et c'est en voyant un commentaire sur un de ces scripts pas terrible que g vu l'adresse de celui-ci. Nikel!
Merki beaucoup!! :D
Commentaire de mister Pi le 22/09/2006 10:47:50

Merci beaucoup, ce sont des scripts détaillés et clais comme ça qui donnent envie à des bleus comme moi de persévérer dans l'Actionscript, sans se prendre la tête et sans boire trop de café.
merci lwred !
Commentaire de lkrdemarignane le 03/06/2007 16:09:48

Y'a t-il une solution détaillée pour utiliser ce code avec flash MX6? A part "Installer une version plus récente"...
Merci
Commentaire de kouby69 le 15/04/2008 20:09:32

Salut !

Super code mais j'ai un petit soucie... l'image se charge au premier plan et j'aimerai qu'elle soit en arriere plan; comment faire svp?

Merci!