FLASH as3 - Structure - Préchargement des swf - Votre avis Résolu/Fermé

Question

Bonjour à vous chers lecteurs / helpers !



PRESENTATION DE MON PROJET

ALors voilà, débutante en Flash, j'ai créé une page flashy.html qui contient accueil.swf. 

Accueil.swf comporte 16 boutons derrière lesquels se cachent des anims auxquelles on accède au click, actuellement via navigateToURL(new URLRequest("http://monsite.fr/anim1.html"));  et anim1.html contient anim1.swf).
Vous comprenez ma logique (d'inexpérimentée) ?

Mes anims qui durent jusqu'à 1mn incluent également de la zik, dont certaines compressées à 4-5mo! (je ne peux pas descendre en dessous pour certaines, question de qualité audio).  Donc ces anims mettent du temps à charger, ce qui risque de gonfler mes visiteurs.

Aussi, sur flashy.html (qui contient accueil.swf), j'ai un bonhomme qui dit bonjour, etc, mais j'aimerais que chaque fois que je retourne de anim1, anim50, anim6 vers accueil.swf, mon bonhomme puisse changer de disque !!!


QUESTIONS

1- Dois-je ne créer qu'un seul swf, contenant toutes mes anims en tant que swf externes ?

a) Si oui, j'ai déjà quelques anims qui contiennent elles-mêmes des swf externes, qui sont longs à charger, donc ya-t-il une façon de précharger tous les swf pendant la lecture d'une anim ?

b) Si non,  donc si je reste avec ma structure actuelle, comment puis-je précharger mes swf, au vu de ma structure ? et en terme de code ?


J'attends vos réponses avant d'aller plus loin avec mon bonhomme.

Merci beaucoup,
A vous lire

bolgou · Answer

Salut,

c'est beaucoup trop 4/5 Mo pour une minute(si vous parlez bien du poids compressé au final, en publiant vos fichiers peuvent être compressés de façon plus légére)... c'est le poids max que devrait faire votre swf complet, éventuellement chargé par fichiers externe les sons lorsqu'ils sont appelés pour alléger tout ça en répartissant le chargement pendant le début de la lecture.

Quant à la qualité que ce soit pour les images ou le son c'est une concession à faire à l'accessibilité qui prime avant tout, si vous voulez surtout un lecteur audio le mieux c'est de configurer la playlist en XML et de charger ce qu'il faut quand besoin.
L'accessibilité car beaucoup d'internautes vont simplement pas rester sur votre site si trop long à charger ou n'auront pas envie de revenir ou de continuer à utiliser le flash...

Pour le preload ça change pas la durée de chargement mais ça indique l'avancement du chargement, une simple recherche sur Google avec AS3 preload devrait vous fournir ce qu'il faut(ou en utilisant des composants, moi je les ai codés moi même et c'était en AS2 donc pas récent).

Q1
C'est une tendance tout comme utiliser au maximum les fichiers de scripts. Mais ça dépends, le but d'un fichier externe est la plupart du temps d'alléger le chargement d'un fichier principal, donc équilibre à trouver. L'autre but peut être l'organisation dans le but de réutiliser des swf sous forme de clip dans d'autres flash et de pouvoir les remplacer facilement en enregistrant une autre swf externe avec le même nom. Si vous avez beaucoup d'animation utilisez des 'clips'(même si le terme est plus forcément utilisé) externes permet aussi de s'y retrouver plus facilement, là aussi le but est d'avoir tout dans l'AS3, d'organiser et d'écrire de façon modulaire et limpide.
Donc à vous de voir et de trouver équilibre et organisation qui conviennent à votre façon de travailler(et besoins bien sûr).

a)Prévoyez l'appel au fichier externe avant(donc en prévoyant une latence dans la séquence de votre anim) puis lancez la lecture au moment où celle ci est nécessaire.
ça reste du bidouillage et en programmation comme en Flash ce n'est pas toujours une mauvaise chose sauf que ça vous complique la vie et peut forcer à rajouter un peu de durée de "démarrage", bref meubler le temps du chargement.
N'oubliez pas que pour les images vous pouvez utiliser des dimensions et devez utiliser une résolution adaptée au web(généralement 72dpi) , mettre un format non compressé est inutile puisue Flash le compresse en publiant, donc jpg et png en priorité(gif mais de moins bonne qualité donc juste par petits bouts); bien sûr encore plus rentable et quasiment sans poids il y a le vectoriel(qui peut très bien s'animer par le code ou l'interface graphique : tween/interpolation; en fait Flash est même fait pour ça).
 Pour le son plusieurs extraits courts en boucle seront largement plus rentable qu'un gros fichier(surtout 4 à 5 Mo pour < d'1 minutes c'est le double des mp3 que j'écoute :s sans avoir à les télécharger donc inutile... vous pouvez obtenir une qualité valable avec un fichier 2 fois plus léger).

b)Le préchargement en Flash ou pas c'est obtenir le poids total d'un fichier puis afficher une boucle qui va comparer ce total à ce qui est chargé pour l'instant.Celui ci doit être placé en première frame de l'anim et l'anim ne doit pas démarrer avant le chargement total(je veut dire être présente) donc une façon de faire est de boucler sur la 1ère frame(ça c'est la façon qui mélange code et timeline). La même boucle peut être faite uniquement en code(mieux mais moins souple à utiliser).
 A chaque fois que la boucle lit la taille du fichier chargé on fait une règle de trois ou un pourcentage (si besoin de faire une barre de progression avec un %) et on affiche celle ci: la barre avec par exemple un _xscale de son rapport : poids chargé/poids total(_xscale prends facilement un % comme valeur) et si on veut l'écrire un champ texte dynamique(si ça s'appelle encore comme ça) qui va afficher cette valeur. Une fois le poids chargé = au poids total passez à la frame qui démarre l'anim ou quittez la boucle du code.


"mais j'aimerais que chaque fois que je retourne de anim1, anim50, anim6 vers accueil.swf, mon bonhomme puisse changer de disque !!! "
ça me sembles plus une question d'encapsulation (jouer sur les niveaux de clip compris dans des clips) que d'externalisation.

Bon Flash :-))

https://www.google.fr/search?q=Action+script+3+preloader

Contemp · Answer

Salut Bolgou,

Merci pour ces infos. 

J'ai déjà mes progress bars en image 1, sur chacune de mes anims, et utilise jpg, png et vectoriel en direct...
Pour ce qui est du poids de certains mp3, c'est parce qu'on peut laisser tourner certaines anims qui font une ambiance cooli :)) et profiter du son en même temps !! 
J'utilise Audacity pour couper mes tracks, créér des loops lorsque nécessaire et compresser en 128kbps donc pour diminuer le poids.  J'ai les 3/4 de mes anims, son inclu qui ne pèsent qu'1 Mo.

Mais une track qui dure 10mn ne peut pas peser moins si on veut garder un semblant de qualité audio.
10mn, c'est parce qu'on peut laisser tourner l'anim, ça fait vraiment beau et cool, hypnotizing ! j'adore ! :p

-------------------------
Donc ok, je vais tenter un swf global contenant des swf externes appelés par mes boutons....  
Quand je parle de précharger mes anims, je ne demande pas comment créer une progress bar, ça c'est maitrisé: je voudrais donc charger mes anims sans qu'elles ne se lancent avant même que le user ai cliqué sur un des boutons,  et si possible dans un ordre que j'aurai déterminé.
-------
En ce qui concerne mon bonhomme qui parle, je me demandais si on ne peut pas créer dans l'anim principale, "accueil", un code de type random tchat, mais je ne sais pas comment le demander à Google, quels mots-clés taper. 
J'avais vu un tuto de l'âne qui parle, sur le Site du Zéro, mais l'âne parle en continu. Ce que ej voudrais, c'est 1 ou 2 random phrase, pas 40, à chaque aller-retour sur "accueil". Je peux donc crééer 40 tchats, mais je voudrais que seulement 2 phrases soient débitées à chaque aller-retour.

QUels mots-clés taper sur Google pour ça?

Merciiiiiiiiiiiiiiii Bonne soirée à vous !

Contemp · Answer

Bonjour :)



Disons que ça ne fait que 40jours maxi (dont la moitié passée à dessiner) que je suis sur Flash, donc je ne me doute pas encore de tout ce qui est faisable :D

j'ai vu pas mal d'exemples Random AS3 pour faire fluctuer des trajectoires et vitesses d'objets (ex: neige, ballon, etc..) mais pas d'exemple se rapprochant de mon projet. Je vais continuer à râtisser la toile et j'ose espérer que je finirai par trouver ce que je cherche. 

Je prends note de vos indications,et voir ce que j'arrive à faire.
Merci.
 
PS: la page http://help.adobe.com/fr_FR/ActionScript/3.0_ProgrammingAS3/WS5b3ccc516d4fbf351e63e3d118a9b90204-7d9d.html )  n'est pas disponible..........

Contemp · Answer

Merci beaucoup pour le lien vers Hello Flash ! Je n'avais pas encore atterri sur ce site, et les effets présentés sur la page en question sont very cool :)
Ca y est, il est dans mes favoris.


J'atterris souvent sur des topics de MediaBox, desquels j'ai appris certaines choses, mais qui sont encore parfois un peu trop complexes vu mon petit niveau actuel.

lol ah oui, le lien fonctionne, effectivement ça devait être un problème d'espace, oops :)

Oui, c'est ce que j'étais en train de mettre en application : myExternalSwf.alpha =0;  Je vais procéder comme ça, et tenter de faire cheminer les users en allumant les boutons les uns après les autres au fil du chargement des mes swf externes...  


Pour l'instant, ce que je fais n'est pas montrable, puisque toutes mes données perso sont visibles sur mon site (qui contient des balises no-robot) et que je ne  communique pas mes infos au monde entier sur le net :)
Je créerai bientôt une page avec password pour protéger mes données privées qui ne regardent que les employeurs potentiels. Vous comprenez ?

Merci pour ces pistes :)

Contemp · Answer

Hello again :)

J'ai un ptit problème, c'est que si j'arrive à déclencher mes anims(swf externes) -sans faire appel à alpha, et à les faire apparaitre en cliquant sur les boutons, à chaque fois le son (déposé de la bibliothèque sur une image clé) se lance, dès que l'anim est chargée ! 

J'ai cherché on the web, sans succès. Voici mes codes :

var hacienda:MovieClip;
var chargeur:Loader = new Loader(); 
chargeur.contentLoaderInfo.addEventListener(Event.COMPLETE, onCompleteHandler);
chargeur.load(new URLRequest("hacienda.swf" ));

function onCompleteHandler(loadEvent:Event)
{
        hacienda = MovieClip(loadEvent.currentTarget.content); 
       
        hacienda.stop();   // ou hacienda.gotoAndStop(1);  c'est pareil !
}

// et sur image clé as correspondant à mon bouton :
import flash.events.MouseEvent;
porte5.addEventListener(MouseEvent.CLICK, droiteRDC_porte_du_fond_Clicked);
function droiteRDC_porte_du_fond_Clicked(e:MouseEvent):void {
   this.addChild(hacienda);
}



Merci pour ton aide car si les instructions que j'ai trouvées sur le web empêchent l'anim de se lancer visuellement parlant, ellles n'empêchent pas le son de jouer !
Merci pour ton aide :)

Contemp · Answer

Bonsoir/Salut!,

Merci pour ces références, ça donne ce que je souhaite... Mais qu'est-ce que c'est long de faire des multi swf imbriqués, waoo... 

Je repasserai très certainement poser d'autres questions, une fois que j'en aurai fini avec tout ça! et terminé aussi les dessins qu'il me manque... 

Merci pour tes conseils, qui sont appréciés :)
Good night