Home » Avanzado »Efectos »Flash » Currently Reading:

Fondo bitmap que se ajusta al tamaño del navegador en Flash

diciembre 13, 2006 Avanzado, Efectos, Flash 2 Comments
Fondo bitmap que se ajusta al tamaño del navegador en Flash

Cómo colocar una imagen de fondo de nuestra película que se adapte al tamaño de la ventana del navegador, escalandose pero sin distorsionarse.

El sistema es sencillo:

* Tenemos una película flash al 100% dentro del html
* La película tendrá la opción de “noscale” para que no se redimensione el contenido (sólo queremos que se redimensione el fondo)
* Tenemos un bitmap dentro de un clip al que escalamos según el tamaño de la ventana
* Cada vez que redimensionamos la ventana del navegador redimensionaremos también el clip de fondo

  1. Stage.scaleMode = "noscale";
  2. //-----------------------
  3. var StageWidth:Number = 550;
  4. var StageHeight:Number = 400;
  5. function escalaFondo()
  6. {
  7.    if (Stage.width > Stage.height) {
  8.       fondo._width = Stage.width;
  9.       fondo._yscale = fondo._xscale;
  10.    } else {
  11.       fondo._height = Stage.height;
  12.       fondo._xscale = fondo._yscale;
  13.    }
  14.    fondo._x = (StageWidth - fondo._width) / 2;
  15.    fondo._y = (StageHeight - fondo._height) / 2;
  16. }
  17. //-----------------------
  18. Stage.addListener(this);
  19. this.onResize = escalaFondo;
  20. escalaFondo();
  21. //-----------------------
  22. stop();

Pueden ver el ejemplo y una breve explicación en el post que hize en cristalab.

Compártelo:

Fondo bitmap que se ajusta al tamaño del navegador en Flash
Visto 11.941 veces

Currently there are "2 comments" on this Article:

  1. estaper dice:

    oye podrias pasarme un fla con su html a mi mail es k lo he probado muchas veces yno me sale. gracias

  2. Alberto dice:

    Y si quisieramos que solo se redimensione al ancho y no el alto??

Comment on this Article:








Twitter: zguillez

AdvertisementAdvertisementAdvertisementAdvertisement

Recibe las novedades por email



Map

Ranking

Codigoactionscript.org: 4.65 sobre 5 (106 valoraciones)

twitter-widget.com