ActionScript 3.0 :: Proportional Scaling External Image To Stage
May 6, 2010
I know but basically I want to place some images on the stage and I want every image, whether big or small, portrait or landscape, to be scaled to about a quarter of the stage size.
I have tried coding this myself and even tried many suggestions found on the web, but they all seem to do the same thing. The code either sizes every image to be equal in width and varying height, or scale every image to be equal in height with varying width.
Say you have some images all the same size, but some in landscape orientation and some in portrait orientation. Most of the code I found for "proportional scaling" would scale the landscape images okay, but make the portrait images the same height as the others, so they looked alot smaller. Or the reverse was true.
example:image.width = stage.stageWidth;image.height = stage.stageHeight;
( image.scaleX < image.scaleY ) ? image.scaleY = image.scaleX : image.scaleX = image.scaleY;
This makes all the images fit on the stage all right, but they all have the same width. reversing the equality amkes all teh heights the same.
If two images did not have the same width before they are scaled down, they should not have the smae width afterwards in my opinion.
Sometimes I get some code that seems to work, then I change the stage size to check it and all the images did not scale to 1/4 of the stage new size when the FLA was run.
View 4 Replies
Similar Posts:
Jan 30, 2009
how to proportionally scale multiple movieClips relative to the stage size.
I understand movieclip placement relative to the stage, and I have been using a code to scale MovieClips as a fullscreen background (also proportionally)
But
I can not figure out for the life of me how to scale other movieclips in relation
to the stage size.
for example I have a background_mc that proportionally scales with the stage
to fill without distortion.
HOW do I then place another MC say center aligned (I know how to do that) that will scale with the background without distortion?
Ideally I would like to place several MC's on my stage all scaling in proportion with the stage yet independently.
I have not been able to find any documentation on this. lots of tutorials on backgrounds and color fills and the like but nothing on proportional scaling of independent mc's
this is the code I use for my background_mc (can it be modified or should it be thrown out the window to achieve independent scaling?)
Code:
import flash.display.Sprite;
import flash.display.StageAlign;
import flash.display.StageScaleMode;
import flash.events.Event;
[Code]....
View 7 Replies
Nov 17, 2010
I have been following the instructions posted here on how to achieve proportional image scaling: http:[url].....I want to have one image background for one frame, and then another image background on another frame... so when the viewer goes to different parts of the site the scalable background image changes.I copy and pasted the AS3 code into the actions section for the frame:
//set stage for FBF
//set stage for FBF
stage.align = "TL";[code].....
It gave me a duplicate function error.So I changed all the variables 'pic' to something else... for example,'pic1'.Still didn't work. Then I changed 'sizeListener' to 'sizeListener1', still didn't work.Then I changed'scaleProportional' to'scaleProportional1' and it kind of worked, but keeps giving me the error that 'scaleProportional1' but still keeps giving me errors.how I can implement multiple instances of this scalable background script on multiple pictures without conflicts?
View 2 Replies
Jan 30, 2009
I need some assistance on how to proportionally scale multiple movieClips relative to the stage size. I understand movieclip placement relative to the stage, and I have been using a code to scale MovieClips as a fullscreen background (also proportionally) But I can not figure out for the life of me how to scale other movieclips in relation to the stage size. for example I have a background_mc that proportionally scales with the stage to fill without distortion.
HOW do I then place another MC say center aligned (I know how to do that) that will scale with the background without distortion? Ideally I would like to place several MC's on my stage all scaling in proportion with the stage yet independently. I have not been able to find any documentation on this. lots of tutorials on backgrounds and color fills and the like but nothing on proportional scaling of independent mc's this is the code I use for my background_mc (can it be modified or should it be thrown out the window to achieve independent scaling?)
[Code]....
View 2 Replies
Jan 27, 2012
I have the following code from FW to scale my background image while keeping proportion, however how do I change/fade into other pictures using Pic as my MC?
Code:
//set stage for FBF
//set stage for FBF
stage.align = "TL";
[code].....
View 9 Replies
Feb 23, 2011
i am looking for class or something to proportional outside scaling of stage and all included objects (internal or external).I know SWFfit and LiquidStage. I have got many problems with integrating SFWfit to my code (resizing is not affected to included objects). LiquidStage seems to be ok but it`s not freeware . I am looking for free possibilities to do it.I am trying to connect that with GAIA framework.
View 3 Replies
Jan 28, 2011
I'm currently using the Tween-class to tween my movieclips (just the basics as x-position, etc.). But I'm struggling to tween scaleX and scaleY as the tween does not seem to take care of the centerpoint of the movieclip. I want the movieclip to scale proportional and not just from left to right.
View 3 Replies
Jan 19, 2010
I have a Movieclip containing five images in a row. I have seven images inside a mc next to eachother like a T (Five across and three down) with one image being the center image. The images are under a mask an then the images tween on the X and Y but obviously only the masked part of the image is visible. The mask is 1280x649 and I was wondering how to proportionally scale only the masked area to full screen. I have the following code which works perfectly on a single image inside a mc but how do I do now?
Code:
stage.align = "TL";
stage.scaleMode = "noScale";
var picHeight = pic.height / pic.width;
var picWidth = pic.width / pic.height;
[Code] .....
View 7 Replies
Mar 12, 2011
I am using the following code to fill the browser window with an image and scale it up or down....works great. I would like to proportionately scale a mc but not have it initially fill the screen. It would start centered in the window at a initial size but then scale up as the browser window opens but not scale back down below it's original starting size.
this is the code for the full screen:
port1Height = new Object ();
port1Height = port1._height / port1._width;
port1Width = new Object ();
port1Width = port1._width / port1._height;
[code]....
View 0 Replies
Feb 11, 2010
I'm creating a simple liquid flash site layout with one MC that does not scale and remains at a constant position, and one mc that should stretch to fit either the height or width (whichever's larger) of the stage, but scale proportionally. [code]...
View 3 Replies
Dec 24, 2009
I have an swf in which objects go outside the boundaries of the stage (but are properly masked). Whenever I externally load this swf into a container it scales down to fit in the objects located off stage. EX:I have tried removing the objects outside the boundaries and the stage does not shrink the image. The container is the same dimensions as the external swf.
Code:
function open_puzzle(openSWF:String)
{
//Load SWF
container = new MovieClip();
[code]....
View 1 Replies
Jun 18, 2009
I'm trying to do a proportional resize of an image. I know the image's original dimensions (which vary from image to image) and then I know its intended height in pixels. How do I scale it down to fit the new height whilst keeping it in proportion? Is there a simple equation to do this?
View 3 Replies
May 5, 2009
Iit works but it's just not perfect. Ihaven't played with flash since MX, things have changed a bit. Here is the online sample: [URL]. If you want the source it here: [URL]. So I would like to learn how to create an if / else function to control the height of a MC. i.e. This externalMC I used is 900 X 500, so divide 900/500 = 1.8:1 (or .5556:1) this gives you your relative ratio. Then just multiple the width of 75% of stageWidth by .5556 to get the proportional width, the problem is once the browser windows height is resized to <= 500. it stops.
Code:
Select all/*Resize*/
holder.smoothing = true;
var mainStage:Stage = this.stage;
mainStage.scaleMode = StageScaleMode.NO_SCALE;
mainStage.align = StageAlign.TOP_LEFT;
function initialDisplay(evt:Event):void {
[Code] .....
View 2 Replies
Mar 11, 2008
I've search through all the threads with "scaling" and "resizing" and can't find the solution.
Basically I have a GUI element on a gallery that I don't want to scale, while the rest of the page is free to resize/scale.
I think I need to add a listener of some sort to the stage, but I'm not sure how to do this.
View 2 Replies
Oct 19, 2011
I'm writing a web based flash app that's written entirely in AS3. I have objects on the screen as part of a GUI. I would like the user to be able to resize the window, or make it full screen. I would like everything to auto-scale with the resize, but also remain in the same relative position on the stage.
View 1 Replies
Feb 6, 2009
This code works. It puts my external image on the stage:
Code:
var pngurl:URLRequest=new URLRequest("image.png");
var pngloader:Loader=new Loader();
pngloader.load(pngurl);
this.addChild(pngloader);
This code works to, but not completely. It stores the same image inside of a movie clip that I've named "panel". However, the image is bigger than "panel":
Code:
var pngurl:URLRequest=new URLRequest("image.png");
var pngloader:Loader=new Loader();
pngloader.load(pngurl);
panel.addChild(pngloader); //panel is the name of my movieclip
I almost fixed my problem by changing my code. My image is smaller than "panel" now, but its width and height should be the same as "panel":
[Code] .....
(Original image size= 350width and 250height) (Panel size=100width and 100height)
View 3 Replies
Oct 18, 2010
I am trying to load an external .swf (actually it is only an image that I published as a swf file, not a complicated movie) but I get errors. I am trying to load the .swf into a movieclip and the movieclip appears on the stage. I have put the code in frame 1 where the image should appear (in the movieclip). The code that I used is below and works fine with a .jpg and when I load it directly on the stage, that is to say, when I put the code in a frame on the stage. Why does it not 'work' right now?
I have added 'parent' in 'parent.event.target.content.y = 200;' in the first frame of the movieclip timeline, to make sure that it will appear on the (main)stage. The error that i get is this one:
TypeError: Error #1009: Cannot access a property or method of a null object reference.
at galerie2010_fla::mcBallon1_11/frame1()
This is the code in frame 1 in mcBallon1:
var imageRequest1a:URLRequest = new URLRequest("images/SWFoverig/ballon1_702x368.swf");
var imageLoader1a:Loader = new Loader();
imageLoader1a.load(imageRequest1a);
addChild(imageLoader1a);
imageLoader1a.contentLoaderInfo.addEventListener(Event.COMPLETE, onComplete1a);
function onComplete1a(event:Event):void{
parent.event.target.content.y = 200;
parent.event.target.content.x = 205;}
View 2 Replies
Sep 10, 2006
I am trying to load an external image into a movie clip that is already on the Stage and size it to the movie clips size. The movie clip name is member_gallery with the width of 360 and the height of 251. One of the images i am trying to load into it is 1024 * 768. I would also like to load other images of different sizes into the same movie clip and they all change to 360 * 251 when loaded.
PHP Code:
onClipEvent(load){var container2:MovieClip = createEmptyMovieClip("container2", getNextHighestDepth());var mcLoader2:MovieClipLoader = new MovieClipLoader();mcLoader2.addListener(this);mcLoader2.loadClip("http://www.gothics-r-us.com/chat/images/gru.jpg", container2);trace(this._width);trace(container2._xscale); container2._xscale = this._width / 10; container2._yscale = this._height / 10; //container2._height = 251;}
View 1 Replies
Nov 28, 2011
I have developed the entire module with 800x600 Resolution.But Now I got an issue that i need to reduce the content area (Shrink the contents instead of changing the resolution). Because some one had developed the custom player that will affect some of the margins of the content.Is there any AS2 script is avail for scaling the entire stage to 80 % of its original size for the entire module...
View 2 Replies
Feb 23, 2009
I have a flash project that I published to an .exe so it can run on the desktop. I also used the code:
Quote:
fscommand("fullscreen", true);
This is to make it launch in fullscreen. However the stage dimensions are 1100 * 800px and when you lunch this on certain computers with lower res monitors, some of the stage area is cut off. I found that you can always right click and select the "show all" option and it will scale down to fit the monitors screen. How can I make this do that automatically without having to right click and selecting the "show all" button.
View 5 Replies
Nov 19, 2009
I'm having a little trouble getting my swf file to fully scale in fullscreen mode. It doesn't look like the stage is scaling and my picture gets cut off. Attached is an image and the code also. It goes full screen at its native resolution fine but gets cut off when i try to scale.
import flash.display.StageAlign;
import flash.display.StageScaleMode;
import flash.events.Event;
[code].....
View 2 Replies
Mar 18, 2010
i have a following problem with displaying a scaled and moved image. cliffs:
1. create movieclip
2. draw a square inside, with a starting point (top left corner) in (75000, 75000)
3. move the movie clip so that the square is visible on stage. its important that the movieclip for each iteration is the same.we reapeat this procedure, each time doubling the x/y of starting point, and its width and height. each time we also scale down the movie clip (so its two times smaller than the previos one). we position the movie clip.basic math suggest that all squares should appear one over another. this is what i get:zoomed:
Code:
container square2 x/y: (-47900,-47900)| zoom: 2| w/h: 500| 64%| x/y: (75000,75000)| stage x/y: (99.95,99.95)| stage w/h: 320
container square3 x/y: (-47900,-47900)| zoom: 3| w/h: 1000| 32%| x/y: (150000,150000)| stage x/y: (98.8,98.8)| stage w/h: 320[code]....
View 1 Replies
Apr 26, 2011
How do you do this in AS 3.0?I did it in AS 2.0 with the following code:this.onLoad = function () { this._xscale = 133.33; this._yscale = 166.70;can get it working for AS 3.0.
View 2 Replies
Jan 3, 2007
I have a banner that is 468x60 pixels and I need to rezize it to 728x90 - this includes scaling all of the content over the timelines proportionally.
View 6 Replies
Jun 30, 2007
how do I code stage resize with scaling movieclips? I can do stage resize and position/scale movieclips relative to stage size..but i don't how to have a scalable movieclip retain its scale relative to stage size. how do I code this? for example, i have a movieclip originally 50px wide, and the stage 100px wide..when i click the mc, it scales up to 80px wide. and when I resize the stage to 50px,(50% of stage size) i want the mc to scale to 40px too(50% of mc size).. and when I click it again to restore to it's original size, i want it to scale to 25px(50% of original size). then finally when i scale the stage back to 100px, the mc again is 50px wide.
View 2 Replies
Jun 21, 2011
Is there any performance difference? I am scaling a 2000 - 4000 wide movieclip, within a 600 wide stage. Does it matter which way I scale it in terms of CPU usage;
myMovieClip.scaleX *= 2;
or
myMovieClip.width *= 2;
The movieclip will be scaled multiple times and to varying sizes.
View 5 Replies
Mar 3, 2011
in flash AS1,2 you just input this code Stage.scaleMode="noScale";
on a frame of the main stage to prevent scaling of movieclips on fullscreen.I tried the same thing in AS3 and its not working for me. so my question is how would i apply this in AS3?
View 8 Replies
Aug 6, 2010
I am creating an AIR nativeWindow. I am adding two children, an HTMLLoader and a Sprite. The child Sprite has two children, a TextField and a Sprite that will be used to draw. I have set stage.scaleMode = "noScale" and stage.align = "TL", which the HTMLLoader seems to respect. However, the child Sprite scales its children whenever I set a height.
public function BaseWindow(){
var winInit:NativeWindowInitOptions = new NativeWindowInitOptions();
winInit.type = NativeWindowType.NORMAL;[code]..........
How do I prevent the distractor Sprite from scaling its children?
View 1 Replies
Nov 15, 2010
I have made a webpage that scales to the size of the users screen. Now i'm having to following problem. There is a image gallery in this website that makes use of an XML file. Everytime when the website is scaled to a bigger size the image gets unsharp. This only happens to the external image that is displayed in the gallery since the flash elements are all vectors.I was already thinking about a higher DPI rate or using different images.
View 2 Replies
Jun 3, 2007
I'm having problems scaling images in Flash with ActionScript 3.0. The only way I can see to get the quality decent is by using smoothing, which drastically hurts performance.
The thing that confuses me is that I made the same site in ActionScript 2.0, targeting Flash player 7, and the image quality is fine when scaling even without smoothing. As soon as I target Flash player 8 (or 9 with Actionscript 3.0) the quality degrades when scaling.
I don't have to move back to Actionscript 2?
View 4 Replies
