hello.
I have created a sprite gradient box as my background in my flash as3 file (using tweenmax). As i’m trying to make this a full screen swf on the browser window, i set the width and height according to the stage.
My trouble is that when I resize my browser, the gradient box does not resize with it… it only does when i refresh the window with the new width/height.
Is there a way I can put a redraw function in an event handler that will recognize the window resize? If this is hard to understand… can my background become bigger at the same time as the window is being dragged to a new size?
here is my example: www. kikwon. com / flash_shadowbox / flasheffki . html
here is my code:
var colors:Object = {left:0x330000, right:0x663300};
TweenMax.to(colors, 2, {hexColors:{left:0xE7D9CD, right:0x330000}, onUpdate:drawGradient});
var mySprite:Sprite = new Sprite();
addChild(mySprite);
drawGradient();
function drawGradient():void {
var m:Matrix = new Matrix();
m.createGradientBox(stage.stageWidth, stage.stageHeight, .3, 0, 0);
mySprite.graphics.beginGradientFill(GradientType.LINEAR, [colors.left, colors.right], [1, 1], [0x00, 0xFF], m, SpreadMethod.PAD);
mySprite.graphics.drawRect(0, 0, stage.stageWidth,stage.stageHeight);
}
mySprite.addEventListener(Event.RESIZE, resizeListener);
function resizeListener (e:Event):void {
trace("stageWidth: " + stage.stageWidth + " stageHeight: " + stage.stageHeight);
}
