ActionScript 3.0 :: Proportional Image Scaling ?
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
Similar Posts:
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
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
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
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
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
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
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
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
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
Oct 13, 2009
I'm currently having a problem regarding scaling an image to fit on a frame. Well I tried searching this forum, found some results, tried it but not working with me.So here's the situation, I have a frame with a size of 260x300(width/height). What I want is to scale all images(jpg) automatically to that size when loaded.By the way, I'm currently making my own flash playlist and the image I'm talking about is the album art.
View 1 Replies
Aug 23, 2010
I'm writing a movie that should load image from external location and display it in placeholder. I called placeholder "imageMC" and I gave it dimensions on 250x250 px.Next I load image using Loader class and I'm waiting for complete event.After that I try to resize image so it will fit to placeholder. I also want to keep fine aspect ratio.My code looks that:
ActionScript Code:
function onComplete(e:Event):void {
var wFactor:Number, hFactor:Number, originalWidth:Number, originalHeigth:Number, newWidth:Number, newHeigth:Number;
originalWidth = loader.content.width;
[code]....
The problem is line: "imageMC.addChild(bmp);". When I add a bmp as child of imageMC the trace statement looks like:
Quote:
250:187 //loader.content dimensions
252.05:362.4 //imageMC dimensions ??!! WHY THEY ARE CHANGED???
250:187 //bitmap dimentsion
and imageMC resizes his heigth and display image wrong scaled.But when I add bmp as child of stage: "addChild(bmp);" trace looks like:
Quote:
250:187
250:250
250:187
and image is scaled propertly.What is cause of this error?
View 2 Replies
Nov 19, 2010
i have read a number of tutorials on the internet trying to find a fix to the problem i am having. Everytime i create a new movieclip using public var mc:MovieClip = new MovieClip(); the movie clip is created after setting the values and drawing a square to show it in the file. However when i add an image to the movie clip i created it scales to be the same size as the movie clip or half the size of the movie clip which isnt what i want.
mc.addChild( GameTile ); // add the square instance into display list
GameTile.loadBitmap("stronghold.jpg", 0, 0);
This is the code i use to add an instance of my image class to the movieclip called mc. I was wondering if anyone has a simple way of scaling the image to its original size within the new movieclip instance? I have tried various ways of scaling and it works but when the window is resized the image is not the correct size.
View 4 Replies
Apr 11, 2005
I need to scale an image so that it won't distort. Of course I don't know the dimensions of this image.I tryed something like this but it doesn't seem to work at all.
Code:
loadMovie("../ImageUploadFolder/optimized_images/" + this.file, "_root.back_mc.image_panel_6.imgContainer6");
[code].....
View 14 Replies
Feb 21, 2006
i am trying to load the image in MC and i want to scale the image proposinate from the center.
View 2 Replies
Apr 24, 2003
can scale a group of images with different sizes into one fixed size?
In other words, I have an array of images coming into my movie. that have different sizes. I place each image upon a Mc that resides inside another movie clip and resize accordling. The problem is, all of the images have to be the same size. I want to be able to import any size image and scale and resize it to a specific size.
View 6 Replies
Jan 17, 2010
I thought this was going to be easy, and hopefully for someone it is, but I'm having a tough time so thought I'd ask here...
I have an image - say 50 x 30 - 1500 pixels.
I need to scale it so that it keeps it proportion, and takes n pixels - say 20 for example.
View 5 Replies
Mar 10, 2010
I load pngs to my flash project. The media size in the project is 1000x635. When I scale my project bigger than the that size I loose quality. the project is used on many different screens therefore scaling is needed.
Is there a way to keep image quality when scaling?
View 1 Replies
Jul 17, 2010
i placed a fullscreen background image in my website but when i scale my browser window it also scales unproportionaly (or distorted).
Code:
Stage.scaleMode = "noScale"
Stage.align = "TL";
bgTest._width = Stage.width
bgTest._height = Stage.height
[code]....
View 6 Replies
Apr 23, 2009
I have a doubt regarding scaling a movieclip. I tried this method where I make a movieclip dynamically, add an image to it which I load from my desktop. The image appears fine. But when I scale the movieclip using the mc.scaleX and mc.scaleY properties the mc woudnt budge. There must be some other wat we can accomplish that. Can someone put in some thoughts on it. here's the code..
[Code].....
In the code I have not used the scaling codes since it doesnt work. And when I add the two line code, the image disappears, but the mc is on the stage which is clickable. maybe I should place my mc inside a container?
View 2 Replies
Sep 24, 2009
Using Flash CS4. I have some images with transparent backgrounds that I'm putting into Flash. Placed in Flash at original size, transparency looks great. However, when I scale the images to any different size, the edges of the alpha channel get real rough, not smooth and aligned to object. I've experimented with png, targa, gif, but all seem to have this problem. Is this some issue with Flash? I don't remember seeing this problem in say Powerpoint.
View 3 Replies
Jul 19, 2010
I have a couple of Image Loaders, the images that they call are bigger than the components themselves but have turned on scaleContent to ensure that it fits and scales to size. This works fine across many platforms but i've found that on some systems it displays the imported image at it's true size rather than the actual size of the component.
View 1 Replies
Apr 28, 2011
scaling image for an image gallery project I am creating. I am adding each image inside a SQUARE Movieclip of their own so I can position them nicely on stage. As not all images are exactly square, there are always vacant gaps. What I want to achieve is to scale the image proportionally so that the smallest dimension of the image ( width or height ) will equal the same dimension of the square Movieclip, though anything that overflows the MovieClip is not visible.
View 1 Replies
Feb 4, 2011
I'm working on a fullscreen application that doesn't run flash on the browser. Running Flash player 10. When you open the file, I have fscommand to run fullscreen, the flash file is built at 1280 x 800, and I have an image (menu screen) that starts off the flash file. I'm trying to find a way to center the image to the native SCREEN resolution, not the flash resolution. Is that possible?
I have this code running on the menu MC:
onClipEvent(enterFrame){
this._x = Stage.width /2;
this._y = Stage.height /2;
}
I've tried other variations of this, and no luck. On my 1280x800 native resolution monitor, it's great. Tested it, and it works. However, if I run the same file on a 1920x1080 monitor, the image is on the lower right hand corner. Also, the image at the moment has a center anchor point, but I'm sure you realized by my simple code. Also, just escaping the fullscreen mode, and scaling the window also screws up the formula. So I'm not sure what I can do to make it dead center no matter the screen res, or size of window. The reason I need to do this, is also because there are times where I have to change the flash resolution, and I don't want to go into the image everytime to adjust the center.
View 1 Replies
Apr 18, 2010
1) if I create items in a for loop, is correct to add a new eventListener for each item ? Or should I add only 1 eventListener to the parent ? and call the event through ID ? 2) if I want to scale my item, (a LinkButton with icon image), I noticed that the icon is sometimes resized with delay, so I have a bit of flickering when I trigger the event. Should I not use icons, and set the image in another way ? How can I fix this?
View 1 Replies
Sep 18, 2011
I have a problem where the images look a little pixelated because they have been scaled down alot, just need a way to make everything appear smoother.
I need the game I'm making to look high quality and also work at different resolutions so when I made all the graphics I made them massive and same for the stage size in flash.
The stage size is 2000*1500 and it's being scaled down to 800*600 which is an exact ratio, I didn't expect to see pixelization when scaling the images DOWN, that's why I made them so large.
If there's no options for smoothing things out, then does anyone know the best option for swapping images at run-time? This way I can have pre-made images for all the most popular resolutions.
View 1 Replies
Dec 10, 2011
I want to display an image, and it should be transformed like this:If for example, my original image is 200x300 pixels in size, I want it to have a width of 150, and then scale the height accordingly. Then I want to crop the image, so that the result has a dimension of 150x150 pixels.
View 2 Replies
