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
Stage.scaleMode = "noscale";
//-----------------------
var StageWidth:Number = 550;
var StageHeight:Number = 400;
function escalaFondo()
{
if (Stage.width> Stage.height) {
fondo._width = Stage.width;
fondo._yscale = fondo._xscale;
} else {
fondo._height = Stage.height;
fondo._xscale = fondo._yscale;
}
fondo._x = (StageWidth - fondo._width) / 2;
fondo._y = (StageHeight - fondo._height) / 2;
}
//-----------------------
Stage.addListener(this);
this.onResize = escalaFondo;
escalaFondo();
//-----------------------
stop();
//-----------------------
var StageWidth:Number = 550;
var StageHeight:Number = 400;
function escalaFondo()
{
if (Stage.width> Stage.height) {
fondo._width = Stage.width;
fondo._yscale = fondo._xscale;
} else {
fondo._height = Stage.height;
fondo._xscale = fondo._yscale;
}
fondo._x = (StageWidth - fondo._width) / 2;
fondo._y = (StageHeight - fondo._height) / 2;
}
//-----------------------
Stage.addListener(this);
this.onResize = escalaFondo;
escalaFondo();
//-----------------------
stop();
Pueden ver el ejemplo y una breve explicación en el post que hize en cristalab.
Post relacinonados:
2 Comments »
RSS feed for comments on this post. TrackBack URI
oye podrias pasarme un fla con su html a mi mail es k lo he probado muchas veces yno me sale. gracias
Y si quisieramos que solo se redimensione al ancho y no el alto??