FLASH CS4 : Publication d'un swf à 100% + footer en flash...

Par jeanphilippe, dimanche 20 décembre 2009 à 16:55 :: Flash CS4 :: #336 :: rss

Souvent cette question revient sur Mediabox ...
Comment intégrer un "footer" sur une animation flash publiée à 100%. (très chiant à faire en html à base de div)

Le truc le plus simple est d'intégrer directement ce footer dans le flash et de publier l'animation à 100%.

Voici un exemple en code et en visuel :

stage.scaleMode=StageScaleMode.NO_SCALE;
stage.align=StageAlign.TOP_LEFT;
fond.width=stage.stageWidth;
fond.height=stage.stageHeight;
avat.x=stage.stageWidth-70;
avat.y=stage.stageHeight-20;
footer.x=0;
footer.y=stage.stageHeight;
footer.barre.width=stage.stageWidth;
stage.addEventListener(Event.RESIZE, stageResized);
function stageResized(event:Event):void {
fond.width=stage.stageWidth;
fond.height=stage.stageHeight;
footer.x=0;
footer.y=stage.stageHeight;
footer.barre.width=stage.stageWidth;
avat.x=stage.stageWidth-70;
avat.y=stage.stageHeight-20;
}

le visuel ici...
les sources ici...
On recréé pas la roue, mais ça peut aider
avec un tween ça donne ça...

Trackbacks

Aucun trackback.

Les trackbacks pour ce billet sont fermés.

Commentaires

1. Le lundi 11 janvier 2010 à 00:35, par dev007

je ne comprend pas pourquoi tu dit:
"très chiant à faire en html à base de div"
persos j'utilise en css:

madiv{
      position:fixed;
      bottom:0px;
      width:100%;
}

2. Le lundi 11 janvier 2010 à 06:45, par jeanphilippe

Dans mes essais, le footer en html a tendance à se superposer avec le swf publié à 100%.

3. Le mercredi 13 janvier 2010 à 16:53, par oxo

Bonjour,

mon problème n'est pas le footer pour ma part, juste d'adapter mon contenu à la page à 100% !

mais si j'ai d'autres éléments je dois les intégrer dans le script ?!

pour la partie html, faut-il laisser la taille de l'animation, ou mettre les valeur à 100% ?

merci !

4. Le mercredi 13 janvier 2010 à 19:08, par jeanphilippe

oxo > oui dans le script flash AS3

5. Le jeudi 14 janvier 2010 à 11:33, par oxo

OK

mais n'y a-t-il pas de solution pour redimensionner tout en même temps ?

Si j'avais 500 éléments dans mon fla sa va faire un peu lourd d'AS non :) ?

et puis côté html on met quoi? 100% ou la taille de l'anim?

6. Le jeudi 14 janvier 2010 à 11:38, par jeanphilippe

1• dans mon exemple ,le but est de ne pas redimentionner les clips !

2• c'est marqué 2 fois dans la première ligne du billet : "Comment intégrer un "footer" sur une animation flash publiée à 100%."

7. Le jeudi 14 janvier 2010 à 11:49, par oxo

Oui c'est vrai

Mais comme je suis un peu en galère je me suis dit que vous auriez peut être un conseil

8. Le samedi 16 janvier 2010 à 20:32, par romano elk

quand je publie la page html / il y a des blancs autour de l'image . c koi le tween que t'as mis !

merci

9. Le dimanche 17 janvier 2010 à 19:20, par romano elk

a c bon j'ai enlever les marges / par contre l'image est vraiment déformer

y'a t'il un moyen d'avoir une adaptation homotéthique (non déformer) de l'image ?

10. Le samedi 23 janvier 2010 à 14:27, par jimmyneutron

Salut. J'utilise un script de ce genre pour mes sites depuis quelques temps. J'aurais voulu optimisé en évitant de réécrire les propriétés. Càd une fois à l'initialisation de la scène et une autre fois dans la fonction de l'écouteur stage Event.RESIZE. Or impossible de trouver un écouteur qui se déclenche à l'ouverture du flash dans la page HTML et impossible d'appeler la même fonction que celle utilisée par l'Event.RESIZE.

Ce qui m'oblige à faire:

...

function redimension():void{
  monClip.x=stage.stageWidth-monClip.width;
  [...]
} function ecouteur_redimension(e:Event):void{
   redimension();
} stage.addEventListener(Event.RESIZE, ecouteur_redimension); redimension();

Avez-vous une piste ?

++

Jimmy

11. Le samedi 23 janvier 2010 à 16:23, par jimmyneutron

Ok réponse de Xarald sur MediaBox

function onResize(e:Event):void{
   //code du resize
} stage.addEventListener(Event.RESIZE,onResize); stage.dispatchEvent(new Event(Event.RESIZE));

utiliser dispatchEvent pour déclencher manuellement... merci à lui ++ Jimmy

12. Le mercredi 3 février 2010 à 17:57, par vinzdrance

j'aimerai beaucoup utiliser cette méthode, le problème est que je travaille sur un template en AS 2, en AS 2 j'ai un message d'erreur @@Impossible de charger la classe ou l'interface 'Event'. function stageResized(event:Event):void {@@

en AS 3 je n'ai pas de message d'erreur à la compilation, mais tout mon site se lit tout seul et en boucle (j'ai bien eu un avertissement quand j'ai mis le profil a AS 3 donc je m'attendais à un truc pas terrible)
Comment faire pour adapter mon template à l'AS3 ou utiliser cette methode dans de l'AS 2 ?
merci beaucoup

13. Le mercredi 24 février 2010 à 19:51, par Pierrick

@jimmyneutron Tu peux très bien appeler manuellement la même fonction, il te suffit de faire comme cela :

onResize(); function onResize(e:Event=null):void{
  //Ton code ici
} stage.addEventListener(Event.RESIZE,onResize);

14. Le jeudi 25 février 2010 à 22:53, par nako

salut tout le monde! j'ai un énorme souci!!

j'ai réaliser un site pour un client et il demande de faire en sorte kil s'adapte à son écran! or le site est déja fini comment jpeu faire!! jveu faire ce kon apel un full browser! merci de votre aide! je galère grave

15. Le jeudi 4 mars 2010 à 23:30, par nako

salut c encore moi!!!

personne n'a de méthode pour faire un fullbrowser avec des movieclip animé??

svp c urgent et jgalère bocoup

merciiiiii bocoup

16. Le dimanche 7 mars 2010 à 20:46, par angelusflm

Salut, tu pourrais envoyer la source avec ton tween???

merci

17. Le vendredi 2 avril 2010 à 11:30, par Php boys

Thanks man good tuortial.. I one questions

width:100%; edit width:70%; Thanks. php boys

18. Le jeudi 6 mai 2010 à 23:25, par Paradoxx

Wow, merci!

Je viens de sauver tellement de temps.

Merci encore!

19. Le vendredi 7 mai 2010 à 09:05, par yakajc

Salut à tous j'ai le même problème de fullbrowser que nakomais n'est pas compris la réponse de php boys un pti coup de main svp?

20. Le vendredi 7 mai 2010 à 09:07, par yakajc

Salut à tous j'ai le même problème de fullbrowser que nako mais n'ai pas compris la réponse de php boys un pti coup de main svp?

jeanphiBlog