ActionScript 3.0 :: MovieClip With 5 Images - Proportional Scaling
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
Similar Posts:
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 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
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 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
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
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 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
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
May 20, 2010
i have a diagonal movieclip that I am trying to scale along with the background video. The background video scales perfect, I am attaching the diagonal movieclip (br in the code as bottomright) with addChild
Instead of scaling with the window, it seems to repeat such as the image is displaying. this is the main section of the code that is doing the scaling
var br:mc_bottomright = new mc_bottomright();
addChild(br);
//proportional scale
if ((stage.stageWidth / stage.stageHeight)> (owidth/oheight))
[code]....
View 4 Replies
Apr 10, 2009
I am trying to achieve an effect of scaling a movie clip on click...very similar to [URL] When the user clicks on See, Hear, Play and Shop boxes, the boxes expand. I have created a box movieclip that has a bar on top. This bar is a movie clip inside the box movieclip. When i try to scale the main box movieclip, the internal bar movie clip scales as well. How to stop this?
View 2 Replies
Sep 24, 2009
I have an interesting issue, I am trying to load 12 images into their own "Loader" with Scale content set to "true" so they scale down a bit. If I run this in Flash it works great, the 12 images show up fine inside the loader. If I then load it to a website and view it with FF it works fine, however, if i load up IE one or two of them will be fine but the others will be huge, basically not scaling to fit. By Loader, I mean the component loader. I'm sure I'm not the first person to have this issue, my first thought was they are not loading 100% before Flash is trying to scale the content? If that's the issue, how do I preload them?
View 2 Replies
Jan 11, 2012
I am having a problem where, when I scale an SVG in flex, it clips a part of the image, as shown below (the bottom right is clipped off, it should be rounded, like the top left)
Here is my code:
<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009" actionBarVisible="false"
xmlns:s="library://ns.adobe.com/flex/spark" title="Table">
[Code]....
View 2 Replies
May 8, 2009
I have a grid with 17 columns and populating it with images through XML. I would like to scale the images on Mouse over. I can get this to work but the problem is that some of the images when scaled are below the surrounding images. I thought maybe setChildIndex, but perhaps I was not implementing it correctly.
View 1 Replies
Apr 27, 2005
have a situation where i have 30 images on a splash page and when you rollover the small image it creates a larger version at the 4 corners of the page. See example here:SplashCurrently i am using this script:
Code:
on (rollOver) {
this._width = 128;
[code]......
View 11 Replies
Oct 9, 2008
I have a problem where my images are not fully displaying their dimensions (cannot see the whole image). How can I have the image being loaded scale to the properties of the holder? Would the whole image show properly, if I were to make the images the same size as the holder via photoshop?
function largeImageLoaded (e:Event):void {
holder.addChild(loader); // here
loader.alpha = 0;
TweenMax.to(loader, 1, {alpha:1, ease:Sine.easeIn});
TweenMax.to(loader, 2, {colorMatrixFilter:{amount:3,
brightness:1.5, saturation:1.2, hue:10}});
}
I assumed, that once you've brought in the image it would scale automatically? I am loading these via XML. So now, I will need a way to scale each of the loaded images to match that of the holder.
View 6 Replies
Jan 24, 2011
I have a few 180 panoramic images in pan.xml and firstly I want to load the first image (width=2737) onto stage, then adjust its size (according to the stage size) with adjustScale function and finally tween it with slidePanorama function. The problem is that first image tweens to the initial position (x=-2737/2) and not to the new position (-scaled width/2), so there's some empty space left on the right of the screen... I tried putting that adjustScale function everywhere, it doesn't seem to work. What am I doing wrong? The second thing I want to do is to be able to navigate between other panoramas e.g. clicked on a button, load another panorama and repeat the same process as explained above..
ActionScript Code:
private var imgNum:Number = 0;
private function createP():void {
imgData = panXML.item[imgNum].imgURL;
[Code]....
View 2 Replies
Aug 20, 2011
I only recently switched to AS3 from 2 and I'm sure there are concepts. When I load a grid of images and scale and center them, why does this work locally but not when I upload it to a server? These images do not scale or center online, they just position themselves at top left at full size. Here's the portion of my code that centers the image when loading of image is 'done.'
ActionScript Code:
function thdone(e:Event):void {
if(e.currentTarget.width > e.currentTarget.height){
scaleFactor = (120/e.currentTarget.height);
} else {
scaleFactor = (120/e.currentTarget.width);
[Code] .....
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
Dec 23, 2010
I need to scale images so that they always fit within my browser but also retain their aspect ratio. All other examples I have seen at some point either the width or height is cropped off by the edge of the browser. I need my images to always stay inside but also I do not want them to ever scale above 100% i.e. no enlargement. owever the images don't stay within 100% scale and also get cropped off.else as much as I can.The code I have is like this
Code:
if(mainTL.allImages._width > Stage.width){
mainTL.allImages._width = Stage.width;
[code].....
View 2 Replies
Nov 8, 2010
Is there a way to use 9-slice scaling with images loaded at runtime? To clarify, let's say that I build an application that lets a user skin a button with whatever image they want. This would be an image that's not embedded with the swf. Is there a way to set that runtime image as a background and use 9-scaling?
View 1 Replies
Jan 27, 2009
I'm working on a Flash application that has thumbnails and fullsize versions of an image. The steps I'm taking:
- import the image at runtime, and attach to a movieclip (we'll call it polaroid, since that's what I'm calling it).
- resize polaroid via polaroid._width=3; polarois._height=3; to get my thumb
The image quality is OK for pictures, but it's also fairly important that text not look too pixelated. Is there anything relatively simple (i.e. not too taxing on RAM) I can do here? Even a blurring layer would do the job, if there is any such thing.
View 8 Replies
Apr 9, 2009
Im building a site for a photographer, all images are xml driven.. When a thumb is clicked the full size image is loaded into an empty movie clip.
I am after a similar effect as seen here..[URL] If you resize the window the image resizes to scale...
I have managed to align the rest of the movieCLips to the stage when it is resized in its right positions just can't get the image to resize!.
View 3 Replies
Aug 30, 2009
I have a simple test site to test scaling images proportionally.[code]The site is full browser with 3 MovieClips - header_mc, body_mc and footer_mc.header_mc is the strip across the top. body_mc is the middle section, which contains a image that is a MC, img_mc. footer_mc is the bottom strip.When the browser resizes, header_mc and footer_mc stay the same height, but the height of body_mc will change and footer_mc sticks to it's bottom.When the window resizes I want the image to resize proportionally - that's where I'm stuck.How can I resize the image to keep it's proportion.
View 3 Replies
Oct 30, 2009
I'm using the code below to scale my main movie with the browser window.What happens is that the images in the movie are baldy distorted ..Can I preserve the images to scale or at least can I scale them with a different scale?I'm using CS3 ,AS2 and Flash Player 9
Code:
// ***Stage aligned top left
Stage.align = "TL";
// *** stage scaling with the browser window.
Stage.scaleMode = "Scale";
[code]....
View 9 Replies
Jan 3, 2011
i've got a main home page in flash coded in AS2 that first loads up 8 thumbnails when you click on one it goes into fullscreen mode and loads images dynamically side by side that you can pan through with your mouse.the problem is is that i am using the setBackground(); and it is not scaling the Loader components inside my movie clip correctly initially, it is scaling them down yet when i resize the window it scales them perfectly.Here is my AS to scale:
ActionScript Code:
// this tells Flash NOT to allow the assets to be scaled
Stage.scaleMode = "noScale";
[code].....
View 9 Replies
Mar 19, 2011
I have a movieclip which contains nested movieclip( i mean i contains other movieclip inside it) and the outter moviclip will scale when the stage resizes and fit in the window wich is all right but the nested movieclip should not scale ( i mean i dont want to scale the inner movie clip) how can i do that in action script 3.0.
View 4 Replies
May 22, 2010
I have a portion of a project that is similar to a MS paint program and the user can create a picture/poster, etc. When they hit the continue button, I am able to scale down the picture they created (it is in a movieclip) and store it in an array to be returned later on in the project. The only problem is that when it is returned, sometimes the textboxes that they inserted will push the last word to a new line.ex. They type = "This is my poster Yeah!"it returns = "This is my posterYeah!"I was playing with converting it to a bitmap and then displaying that, but I've never used that so I'm unsuccessful
View 0 Replies
