So…I am modifying the code from this open source experiment…
I have it so close to working as I want… my issue is … I have a swf that has a mask in it, that is supposed to expand to fill the whole screen. And it’s supposed to slide to the top left of the screen.
This seems to work when I test it in flash. But when I try to make the same thing happen from the html,…it isn’t working.
the code used to make this happen is…
mc_mask.resizeTo(Stage.width, Stage.height, 1, “easeInOutCubic”);
mc_mask.slideTo((canvasWidth/2)-(Stage.width/2), (canvasHeight-Stage.height)/2 , 1, “easeInOutCubic”);
It’s resizing to the stage width and stage height, that isn’t the problem. It’s not aligning to the right slide spot.
The variable canvasWidth is this…
var canvasWidth:Number = Stage.width;
var canvasHeight:Number = Stage.height;
It used to be numbers but I changed it to stage.width and stage.height. So basically, it is saying slideto 0,0. Because stage.width - stage.width = 0. Right?
The issue is…that it is going to the 0,0 of the swf it is being loaded into. So it’s not the 0,0 of the browser. It’s the 0,0 of the swf it’s being loaded into…making it appear about 150 pixels down and to the right of where i want it.
At first I was thinking do a stage.align TL so that it all aligns to the top left. Which is fine and that works…but I need my content centered. So when I put in the liquid flash code to center my content…it just does the same thing.
Here is that code.
Stage.align = “TL”;
// *** Stop the stage from scaling with the browser window.
Stage.scaleMode = “noScale”;
stop ();
loadMovie(“gallery.swf”,this.holder);
holder._x = (Stage.width)/2 - 537
holder._y = Stage.height/2 -216
holder2._x = (Stage.width)/2 - 537
holder2._y = Stage.height/2 -216
sizeListener = new Object();
sizeListener.onResize = function() {
// change movieclip properties when the window is resized.
holder._x = (Stage.width)/2- 537
holder._y = Stage.height/2-216
holder2._x = (Stage.width)/2 - 537
holder2._y = Stage.height/2 -216
};
Stage.addListener(sizeListener);
How can I tell this mask to go to the 0,0 of the browser window? Does it have to be in a TL aligned swf? And if so, is there any work around so that I can center the content of a TL aligned swf, without ruining the point of making it TL aligned?
Hope that makes sense.
Thanks.
