ActionScript 2.0 :: When The Browser Is Resized, Make The Movie Resize?
May 16, 2008
When the browser is resized, how do I make the movie resize?in the HTML parameters, I put width 100% and height 100% and in the .swf file I have: Stage.scaleMode = "noScale";Stage.align = "TL";ow, I notice if I were to shrink or make my browser stretch out. The swf doesn't resize on it's own to fill the space when larger or resize when you shrink the browser width/height. I've been told to use a listener, but I have no idea how it works, I've tried putting in scripts with no luck.
I am desperately trying to make the movies in the attached file resize with the web browser but anchored to the white line on the left. The coloured buttons should not resize but move left or right to align with the edges of the pictures.
I'm working on a school project. It contains a main section which has 7 buttons. Each of these buttons is a character which you can zoom in to, see who they are, click and see a small cinematic/animation and proceed to it's respective section. I have a couple of concerns.
1. What is the best way of loading my project? I've been thinking of using the loadMovie and have placeholders, each section with a progress bar. what should I load when?
2. how can I make the flash movie resize in the browser window using actionscript ? so that I have no problems with screen resolution sizes. I use 1280x1024, but I guess there are still people on 800x600(which is lame) Here is an example of the resizing I mean: [URL]
How do I make my flash game keep picture quality when browser is resized.I built a flash game combining using actionscript and whenever the player or browser is resized it loses quality. This really annoys me...Is there a way so, if the browser for example is made smaller the game's picture still keeps its display quality
How do I make my flash game keep picture quality when browser is resized.I built a flash game combining using actionscript and whenever the player or browser is resized it loses quality.Is there a way so, if the browser for example is made smaller the game's picture still keeps its display quality
I'm trying to run my swf by going directly to it on my serer eg(www.example.com/mySWF.swf), later I will embed it using HTML or PHP, however Im wondering why it keeps getting resized to the window size, I want it to stay the size of the swf. In the publish settings I set dimension to Match Movie, and I set scale to No Scale in the HTML tab of publish settings, am I doing something wrong or can you not have it stay its original size without emedding it into html?
I'm having a lot of trouble with a website a friend asked me to make her.For the longest time, I couldn't figure out how to make the site resize according to the browser. (Any help with how to have the background/stage expand while keeping the movieclip containing the content centered and the same size would be a great bonus.)Now, with the code I found after weeks of searching, I'm recieving error 1046. What is this, and how do I fix it? Or, how do I implement the changes to resize background/keep movieclip constant?
I have been looking for a tutorial or thread to help me figure this out. I am trying to make a site that when the browser is resized the objects in the site either resize or keep their position and stay visible. The link below is an example of exactly how I want this to work.[URL]...
Im working in AS2, and Im not sure if this can be done in flash alone or needs to be done in html or a combination of both.
So I'm loading a really big pic in this mx:Image manteinAspectRatio enabled with a height constraint and as usual it doesn't work (Flex is definitely not for me):
My component has lots of inner components.When i resize the container component (panel), i want all inner components resize with same ratio. Which function should i use?
This code creates a two arbitrary sprites, box and circle, and puts them on the stage. The circle is the child of the box.The purpose of the code is to enable the sprites to resize when the stage is resized. But the sprites only change size when the stage is smaller than their original size. When the stage is big enough, the sprites don't get any bigger than their original size. Throughout, they maintain their proportions.[code]
When I resize the browser it calculates the new center and eases the movie into position. It also aligns with the left edge when the window gets smaller than the movie. This has probably been discussed somewhere, but I can't find anything.
Code: Stage.scaleMode = "noScale"; var myListener:Object = new Object(); myListener.onResize = function() {
[Code]...
I want the movie clip to be at the bottom right corner or the stage at all times when the browser is resized. The name is the clip is bottom right piece. The flash movie takes up the whole browser with no scale. The movie clip is always over or under the point in space its suppose to be. When i trace the value or the movie clip's _x... its the same as the Stage.width... but it doesnt portray that visually on the stage...
I have a Flex custom BorderContainer component which has text inside of it. If I were to add this in my main Application inside of a panel, the BorderContainer goes outside of the width bounds of the panel due to the text being a set size. I have all of its components in percentages so that it re-sizes when shrunk, but the one part that contains checkboxes and labels (lots of things with text) mess up since the font size doesn't change.
I am pretty positive that the results I am looking for can be done through embedding the font, though I have not been able to come up with a solution from online. I am trying to do this with a CSS style since I will be using it for many different components (I dont just want to change it in the flex code directly).
EDIT Solution:
I attempted to use the ratio as www0z0k had suggested but it caused some serious issues when it was re-sized quickly or to a small screen (the component would not re-size correctly because it was multiplying by the ratio. What finally seems to have worked for me and caused no issues was that I ran the code and found the width (1152) and height (842) of the container.
I then created a const variable of widthX = 1152 and heightY = 842 and in the onResize() function I coded the resize like this: (where bottomGroup is the id of the borderContainer I am trying to resize)
So far I have found some examples of embedding fonts in the <fx:Style> and attempted to remove any delaration of fontSize but that doesn't seem to work.
<fx:Style> @namespace s "library://ns.adobe.com/flex/spark"; @font-face {
The movie clip containing the photo resizes based on the size of the browser window, and the other two movie clips are positioned based on the outside edges.
is there anyway to have a published flash swf fill 100% of the browser? especially when the broswer resizes, so does the movie to match the browser size?
IE 8 Flash CS4 v10 Windows XP Home SP3 (NOTE: The word "Resize" refers to an HTML change of the movie size; it does not refer to a Window resize)
Objective: Display a transparent 800x600 flash movie in IE, stretching movie to 100% width and height of webpage but keeping the objects within the movie from getting re-scaled. Objects are re-positioned at runtime via ActionScript with values meant to be relative to stage dimensions.
Problem: The movie resize is messing up the object re-positioning. The movie is indeed stretching to 100% of the width & height of the browser window's client area, but the objects are repositioned relative to something else (perhaps screen dimensions, but not sure). Result: Objects which were programatically positioned relative to original stage size are spaced way too far apart in IE, in some cases off the screen entirely, though they were not like this in the Flash editor.Question(s): Why are objects which were positioned within the original stage dimensions being kicked off the browser screen while the movie itself remains entirely on-screen even after resize? What dimensions/values are guiding the automatic post-resize repositioning of the objects? (These proportions appear to be different from the change in proportions of the movie itself.)
I can't remove the right-bar on Internet Explorer: [URL]. In Firefox and Safari everything is perfect... I use overflow-y property to do it. Is maybe not supported bye IE ? overflow-y:hidden;
I have a full-browser flash site, with a movie clip horizontal nav bar at the bottom of the page. I've got everything working well (the background rescaling to fill the browser when the browser window size changes, the horizontal nav bar at the bottom....) for the most part. One thing is really getting to me however. Check out the example I made here: the nav bar sits in the middle of the page. The moment you re-size the browser, it pops into the desired location near the bottom and stays there, even if you continue to re-size. However I want it to appear where it should at the bottom of the window on page load, without having to re-size the browser windowIn the following code, main is the placeholder for the image slideshow that runs in the full browser, menu_mc is the menu.
Does anyone know how to align objects (movieclips) to the stage, let's says I have a logo and menu positionned on left side and collection of pictures in middle of stage.
I want that after the browser window is resized, the objects are still in the same places but moves dynamically to left side without hiding to user view.
I have a strange issue where Flash Player in Chrome is not updating unless the browser is resized. The app is an online design tool, written in Flex, and one of the features allows the user to upload an image and crop it. The image loads fine, and the crop action does not reload the image but uses Bitmap.copyPixels to create the cropped version.When I test on localhost (though a local server not just straight from the file system) the issue does not happen. However on our QA server the image does not appear unless you resize the browser, when I suppose a screen refresh is forced.I've tried all the usual suspects in AS3/Flex to force a redraw, updateAfterEvent, invalidateDisplayList, etc.we came up with is to resize the browser by a pixel, but this is obviously not ideal and I'd prefer a solution to a work-around.Here's the Bitmap code for reference...
var cropData:BitmapData = new BitmapData( _crop.width, _crop.height ); var originalData:BitmapData = new BitmapData( _loader.width, _loader.height ); originalData.draw( _loader );[code]....
I'm working on a large bitmap background site and for some reason, I can't get the bitmap to resize (with the correct aspect ratio) upon loading. It only works after the window has been resized. When I try to call the function after the bitmap has been loaded it displays nothing until the window is resized.This is my Actionscript:
ActionScript Code: import flash.display.*; // this tells Flash NOT to allow the assets to be scaled
The following code is okay as it works fine and opens the Projects.pdf file in same window. But the problem is when I use browser back button, it takes me to home page instead of Projects page.[code]...
I'm having a bit of a problem here. As per the title, my flash swf file works fine when tested from the IDE, but when I publish it and open it through the browser, the stage doesn't seem to resize along with the window.I post below a bare-bones example. The "back" movie clip should resize, only it remains at the starting dimensions
im trying to use this fullbrowser scroller in my site but it appears only if stage/ browser window is resized with mouse. it should appear right away! here is the site ad-d.org and here is the files ad-d.org.zip
