ActionScript 3.0 :: Full Background And Centering Content (with Ratio)?
Feb 23, 2010
I would like to have a project where the background fits the whole window (can squeeze) and the content is automatically resized and centered; keeping its ratio.Auto-Resizing and Centering your Content But here's my problem :
My main project is 1400*900px.
My MC to handle is 1000*680px.
I load an external SWF in that MC (with addChild).This external SWF is 1000*680px too (same size than parent).I have a lot of clips in my external SWF and some of them are "out" the project zone.So when I load it in my MC; the MC is no more 1000*680 but more.I thought that what was outside didn't matter; but it seems that flash do not ignore what is out.So, when I use the code to resize/recenter the MC; it broke as it do not center as it should.I did try to use masks but it do the same.
View 1 Replies
Similar Posts:
Dec 12, 2009
I am trying to emulate an effect like this site uses...
[URL]
and I've basically poached their script, a jQuery initiated 100% width and height background that loads into a couple of holding containers.
The thing I would like to do differently is fix the background in place so the content can scroll over it. How can I, say, write the flash movie to the BODY background or something like that? I'm not a javascript wiz and am not sure how I might do this.
View 3 Replies
Sep 2, 2010
This is what i'm trying to do , get the Ratio 4:3 9:16 etc from an mp4 movie (h264) so when ill open it in fullscreen using a flash player / action script 3 it will still keep the ratio.
View 2 Replies
Jun 14, 2009
[URL]
I have gone through it all and it works great for the tutorial but I tried replacing the background with an image and when the browser is resized to full screen it distorts the image and stretches it out of proportion. Does anyone know how I can have the background image resized to the full screen and stay in proportion?
I basically want to create the exact functionality as [URL]
View 1 Replies
Mar 5, 2011
I have set my stage at 1920 x 1440 with a background bitmap that matches that size. The aspect ratio of my stage/bitmap is 4:3. When I run my Flash website on a legacy 4:3 monitor set at 1024x768, the top and bottom portions of the stage image are truncated. The remaining part of the displayed picture has an exact aspect ratio of 16:9.
[Code]...
View 2 Replies
Jan 4, 2010
I want to load it always to fill the whole screen but to retain the aspect ratio. So far I am able to stretch it to 100% of the screen but the aspect ratio is not preserved. The instance name of the mc in which I load the background image is "back".
Here is an example of what I need: [URL] Try to resize browser window to see how the background image preserves its ratio.
PHP Code:
function loadFunc(What, Where) {
var LoadingObject = new MovieClipLoader();
var NewObject = new Object();
[Code].....
View 8 Replies
Apr 13, 2011
I am working on a new site with a liquid layout and I havent been able to find a way to keep the aspect ratio correct with the different sizes.
[Code]...
the image size im working with is 990x600 for a 1024 display.I would like the image to be centered and never to have empty area, so if it needs to it would strech past the sides.
View 3 Replies
Dec 3, 2006
i'm going by the tutorial "mastering Full Browser Flash" at [URL]
and i'm having trouble getting my mc to center in the stage and browser.here is the code i have on frame1:
Code:
Stage.scaleMode = "noScale";
stageListener = new Object();
stageListener.onResize = function() {
[Code]...
View 6 Replies
Mar 29, 2007
I have a script on my first frame to have a full browser tiled background. I also have a script to preload my file. My problem is they don't seem to be working well together. The preloader works but the full browser script doesn't center my file until I resize the browser and then it snaps to the center.
View 2 Replies
Jun 24, 2009
I can't get the content to center correctly when the browser window is resized. Despite efforts of trying to make the design work within all screen resolutions, it still does not fit correctly on smaller ones. What I want is for the content to center itself completely - Right now it only centers from left to right. Here is the code.
Code:
// Aligns everything to the top left side
Stage.align = "TL";
// Disables the movie from scaling
Stage.scaleMode = "noScale";
[code]....
The first thing I tried was simply adding all_mc._y = Stage.width/2; to the start values and the sizeListener, which worked until you clicked on the navigation and the all_mc movieclip is moved to a new X coordinate. It moves fine, but when you try to resize the browser, it jumps the movieclip back up to the top and moves back down again.
View 3 Replies
Jun 24, 2009
The website I am working on is here:
[URL]
I have not included a preloader yet, so it will be blank for a few moments before it loads.
My problem is, I can't get the content to center correctly when the browser window is resized. Despite efforts of trying to make the design work within all screen resolutions, it still does not fit correctly on smaller ones.
What I want is for the content to center itself completely - Right now it only centers from left to right. Here is the code.
Code:
// Aligns everything to the top left side
Stage.align = "TL";
// Disables the movie from scaling
[Code].....
all_mc is the movie clip that holds all of the website content. Pressing the buttons on the navigation makes the entire movieclip shift up and down.
The first thing I tried was simply adding all_mc._y = Stage.width/2; to the start values and the sizeListener, which worked until you clicked on the navigation and the all_mc movieclip is moved to a new X coordinate. It moves fine, but when you try to resize the browser, it jumps the movieclip back up to the top and moves back down again.
how to tell the movieclip to stay center after the x position changes.
View 3 Replies
May 14, 2009
I'm told that the following chunk of script will center the stage on resize, but not knowing much of anything about actionscript,
myListener = new Object(); myListener .onResize = function () { ... } Stage.addListener( myListener ); // later ... Stage.removeListener( myListener );
View 5 Replies
Oct 28, 2005
I have an index.swf that it's dimensions are 1020x610, now when I load content in a container in the index.swf it will be centered using an onResize stage listener, that works fine but only if the loaded content is 1020x610, I've also used an onEnterFrame that checks if the width and height are !=0 so that way it waits for it to load before centering the content.
What should I do to always keep my content centered. Lets say I want to load a swf that is smaller (ie the 1st frame only contains 1 element that is smaller than the stage dimensions) I'm not sure if I'm explaining this well....
View 6 Replies
Feb 28, 2009
I was looking at this tutorial, this is exactly what I am trying to do with my website, but this is AS3, is there a way to change the code so it will function exactly the same but with AS2 code instead.
I have already contstructed my site with AS2, which then wont allow this code to work, Is there even a way I can have an AS3 index file that loads the movies with the AS2 and applies the same resizing to the movies that have been loaded.
View 2 Replies
Mar 24, 2010
I have a code for a page I am using and I would like to add a background and have it resize with the screen like the rest of the page. I have created a movie button named "pic" with the image in it but I don't know how to write the code and place it in the existing AS3 code file.how to place the code like i was in 3rd grade, that would be great. Here is the existing code.
package com.modules
{
import flash.display.*;
[code]....
View 1 Replies
Jan 20, 2009
[ X ] Problem solved I just came up with something i have some trouble to handle I've tried a couple of solution but none seems to work perfectly
What I'm trying to do is simple, get my flash to go full screen, but whatever resolution the user has, my flash must centers itself with the biggest proportion possible, and two movie clips goes right and left of it, as if they were borders.
I've been able to do this with a simple png, but i was not able with a movieclip where his dimension changes through time. ( i have a tween, so the mc gets really big even though just my stage is displayed)
View 1 Replies
Mar 24, 2010
I have a code for a page I am using and I would like to add a background and have it resize with the screen like the rest of the page. I have created a movie button named "pic" with the image in it but I don't know how to write the code and place it in the existing AS3 code file. I am brand new to this so if someone could tell me how to place the code like i was in 3rd grade, that would be great. Here is the existing code.
package com.modules
{
import flash.display.*;
[code]....
View 1 Replies
Oct 15, 2010
I have one movie that I want content to appear in driven by xml. With text and background image for each node. (see attached diagram).It's only one row that gets wider as nodes are added.Problem is I need the cells to always be centered within the container - so they appear from the middle line.You can see diagram 1 and 2 the calls are positioned differently. I cannot find an example of this anywhere - In all example's I've found the nodes always output left to right, looping to redraw a new row.Any one know if this is possible, could a script calculate the number of nodes in the row and adjust the first node x position accordingly?
View 6 Replies
Oct 15, 2010
I have one movie that I want dynamic content to appear in driven by xml. With text and background image for each node. It's only one row that gets wider as nodes are added. I need the cells to always be centered within the container - so they appear from a center line. I cannot find an example of this anywhere - In all example's I've found the nodes output left to right, looping to redraw a new row. Do you know if it is possible to achieve this? Some kind of script to calculate the number of nodes present then position the first cell's x position accordingly, I have no Idea how to do that. I cannot post the images here so if you imagine a family tree style diagram with a center vertical line - cells appearing and spreading out centered in one row.
View 1 Replies
Aug 11, 2009
I've just run through this tutorial and I've got my site centering in my browser as planned.However when I resize my browser window the text (I'm using a pixel font) is going fuzzy.Is there some way I can lock 'centerRectangle' to a rounded X and Y coordinate so that this doesn't happen?
Code:
function init()
{
[code]....
View 2 Replies
Mar 24, 2010
I have a main flash container move that loads in multiple swf files. I created a movieclip container in the main flash container that resizes and positions according to the stage height and width as follows:
Code:
swf_width=stage.stageWidth;
swf_height=stage.stageHeight;
new_container_height=swf_height;
[Code].....
This works fine if no graphics are off the stage in the loaded swfs. Otherwise if I have a scrolling menu and the buttons out width the containing mc it takes into account the masked content width and centers the movieclip accordingly throwing alignment off.
Is there a way to ignore masked content when getting stage width and height?
View 1 Replies
Mar 26, 2010
So I am working on a full screen website, and background_mc I want to be centered and scaled 100% to the stage. But I also do not want the image to loose it's proportions. Here is my code so far, it is only seeming to center the movieclip:
Code: Select allfscommand ("fullscreen", true);
Stage.scaleMode = "noScale";
Stage.align = "TL";
[code].....
View 1 Replies
Mar 17, 2008
I'm having trouble to center any dynamic content (movieclips, textfields...) inside a dynamically created movieclip, which has a default point of interested in the top left corner.
PS: Just as an example, I have a dynamically created text field inside a dynamically created movieclip....and when I try to scale that movieclip I need to scale it from its center
View 2 Replies
Jun 13, 2010
I did a website using actionscript 2 where the content was centered on the browser window both vertically and horizontally.
e.g. [URL]
all that took was a small piece of actionscript code that i can't remember now.
Now using actionscript 3, I can't find such code anywhere, instead I am guided towards using dreamweaver and css which seems like a nightmare for me to achieve. Such a fundamental thing should be possible with minimum effort surely?
Also, I have a similar problem where I'm trying to repeat tile or just add a textured background behind the stage. This also seems like I'm having to use html/css to achieve. I'd rather just use flash if possible??
View 1 Replies
Apr 7, 2010
I'm trying to create a website with full screen background images (or possibly, a video) but don't know the best way to approach it. The Die Antwoord site does pretty much what I'm trying to accomplish. I'd also like to know how they can use such high resolution images. If I try to use a high res image, the file size is enormous.I also want to do is to be able to change the background image when a button is clicked. What is the best way to do that with large images? Another site that uses similar technology only with a video is the TV on the Radio site.
View 3 Replies
Apr 15, 2009
I'm trying to create a website similar to this one, where the content is a fixed width and height (i.e. made to fit a 1024x768 screen), but the background image is full screen and scales proportionally when the window is resized.
How can I achieve this full screen background using Flash CS4/AS3?
View 5 Replies
Jun 15, 2010
I was wrote the following code to set the background image in one vBox.
vBox.setStyle("backgroundImage", "PreviewBackground.png");
vBox.setStyle("backgroundAttachment", "fixed");
Where the height and width of vBox was 250 x 350 and the height and width of background image was 400 x 400.The problem is that the background image doesn't show the full image. The image has cropped. How can i show the full image as a background image?
View 1 Replies
Oct 30, 2011
How can I fill my whole background with a big image? The photo is 1400*867 and with the solution here it fills up the width but not the height. I don't care if the photo gets cropped in order to fill up the height too.
The CSS3 way (background-size) is perfect but doesn't work in IE.
If you don't know a way with css/jquery could you direct me to a flash script where I could just enter the path of the image and let flash resize it?
View 3 Replies
Feb 28, 2011
I am building a flash website with a full-window resizing background, but as part of this project I need to be able to calculate certain elements in the image based on the original resolution of the image.For example, if I have an image that is 1600x1200px and there is an element at x=500 y=1000 then I need to track that element when the image is resized to. Say the image is resized to 1200x900px (scale always remains the same, btw) then the element would be at x=375 y=750, by my calculations.This seems easy enough to figure out on paper, but I haven't been able to figure out a formula for this. I am quite certain that this has to do with the fact that the ANCHOR POINT FOR THE IMAGE IS IN THE MIDDLE OF THE IMAGE and not in the top left corner.The code is quite simple:
ActionScript Code:
import flash.display.StageScaleMode;
import flash.display.StageAlign;
[code]....
View 1 Replies
Apr 15, 2009
I'm looking to create a site that has video playing full browser in the background. A very perfect example lies here:[URL]..As you can see, the video is scaled according to stage resize while the menus and such stay where they should like a perfect liquid layout. I've watched the Liquid Layout video (from this site i'm pretty sure?) and understand how to position objects on the stage according to stage resize, but I've never figured out how to scale only the video like that. The only way I've been able to do that is by setting my publish settings to NoBorder with 100% width and height, but that defeats the whole liquid layout because it scales your entire swf. I feel like it's some sort of math I'm not grasping.
I'm probably wrong, but I feel like the way I'd go about doing this would be to set everything up as a liquid layout site; that is specify stage align and scale to TOP_LEFT and NO_SCALE. I'd have my liquid menu items positioned accordingly with a resize function and for the background video I'd use a FLV Playback Component that would be manipulated through another as3 function to scale accordingly. I'd use a Playback Component so as to be able to load multiple external videos (.h264) when a link was clicked. Am I on the right track? AS3 only please!
View 14 Replies
