Flex :: Scaling And Repositioning Circles Based On Resolution
Dec 23, 2009
We are building an application in Flex where we have to scale and reposition the circles based on the changed screen resolutions. Example: Current resolution: (800, 600) I draw a circle at position (410,290) with radius 10 Now If i change the resolution of screen to (1440, 960) then the circle should be drawn at the same place on the screen with respect to the new resolution with relative increase in the radius.
I am looking for a solution, on how to set a movie clip so it would fit to different monitor resolutions. I have found a few solutions (like changing the "px" to "%" inside the html file), but none of them give me the results I wan
I have an mc that i want to scale smoothly, see attached image that explains it...
heres my code
Code: shrinkMap = function (target_MC:MovieClip, target_WDTH:Number, target_HGHT:Number, target_X:Number) { target_MC.onEnterFrame = function() { if (target_MC._width>target_WDTH) {
[code]....
the different bits finish before each other...is there a way of making each bit (height width and x) scale in proportion of each other so they all finish at the same time? I bet its something to do with what i divide the -= values by (currently arbitrary numbers like 20 or 5)
I have airplanes that are flying past the screen from a top down view. when the air planes crash, I scale them down to make it appear as if they are falling closer to the ground and farther away from the screen. I have turrets on these crafts as well. they are seperate objects from the air plan. I scale them down as well. The only problem is they dont reposition correctly. they stay in their x and y positions even though they are being scaled it looks as if they are being pulled away from the air plane. is it possible to reposition them correctly based on the size on the object they sit on (i.e. the air planes)
Ok this is more of a math issue than an AS issue, but in flash player 10 you can have an area of less than 16777215 pixels in order to make a BitmapData. The problem is I have an image bigger than this and for some reason I can't logically develop an equation that will take an image bigger than the resolution and scale it down so it's right under it in, and was curious if anyone has done this before.
Example: if i was trying to get something under 5,000 pixels and I had an image 300x60 that is a resolution of 18,000 what multiplier would i use on the height and width of the image so it stays the same aspect ratio and stays under 5,000 pixels.
I almost finished a website for a customer, it's a full flash website running at almost 1024/768px...BUT this guy still use a lower screen resolution and tell me I have to resize evertything down...meaning a lot lot people will find this website ridiculously little.
I have a project that's 1024x768. However, on screens with a resolution of 1024x768, the users still have to scroll (the project is too big to fit in the browser window). Is there a way to allow scaling of the project only if it's too big for the user's window? I don't want the project to always scale to fit the window size. I only want to scale it down if it's too large to fit on screen without scrollbars.
I am developing a flash based website using mxml. My monitor's resolution is 1280x768 and is widescreen. The problem is while it appears properly in my screen it doesn't appear properly in others.
-Let scrollbars take care of it : If the screen is 14 inch screen with 800x600 resolution it appears zoomed in. So that's a problem -Get screen resolution and resize using scaleX and scaleY : The graphic components will get resized but fonts give problem.
how to randomly animate circles moving around inside a bigger circles? the small circles will have a collision effect on each other and on rollover of each individual circle, the name of it will come out in the bottom.. so the big circle will act as a wall preventing them from coming out..
I have been looking to scale an object up if it's less than 70-px from the center of the object. I started to use the below and at least the distance was working but when combined with the conditional it all falls apart as the object mousePoint changes rapidly.This works fine when tracing:
ActionScript Code: var mousePoint:Point = new Point(this.mouseX,this.mouseY); var mcPoint:Point = new Point(0,0);
anyone know of any tutorials or any codes on how to randomly animate circles moving around inside a bigger circles? the small circles will have a collision effect on each other and on rollover of each individual circle, the name of it will come out in the bottom.. so the big circle will act as a wall preventing them from coming out.. yeah, by the way i have attched the file so more or less u will understand wat im saying.
I want to know is there anyway to invisible title bar for a AS3 project? and how to force program to use fix resolution and change monitor resolution to what we want?
I want to use semi transparent circles to show the intensity of the effect by altering the radius of the circle and animate it while placing them. for example it appears as a dot and then grows to the intended size in fraction of a sec.
I could see some functions in javascript API but not in Flex. Saw some examples that uses polygon. But i dont want to plot all 360 points for just one circle.
I need to draw concentric circles in my Flex application. I am trying to do this using graphics util. The problem im facing is centering the two circles.
I need to customize a look and feel of standard Flex LineChart with LineSeries. I cannot figure out how to change default circles drawn when the mouse pointer is over a data point.
And i have a requirement like, if i change the resolution of the computer, all the panel's in my applcition are auto setted to particular resolution by defaultly. but it should not happened like this.If resolution changed, the scrollBar comes into the picture for panelFor example, I have set the resolution in 1280*1024, so now the panel scrollBar not visible And as per my requirement, i need to check the resolution in 800*600 .But now the panel is automatically reset to this resolution.But i need a scroll bar for the panel when we change the resolution to 800*600.
Is there a way to know the max resolution of a webcam ? I need to capture images from webcam and send its on another notebook throught internet.
So I want to capture images at max resolution indipendently from webcam automatically without setting the resolution every time ( if I have a webcam with 1.3 MPixel, I want to capture images at 1.3 MPixel; If I have a webcam with 640x480 Pixel, I want to capture images at 640x480 Pixel; and so on... ).
i am developing an application with Adobe Flex in Flex builder 3. my application works fine in 1024 x 768 resolution but it doesn't fit in my laptop's screen which happen to have 1366 x 768. my question is how to make my application automatically resize according to the resolution ?
I checked this link Flex Cross Resolution Applications and it did Infact,the display varies from browser to browser, (for eg. chrome vs ie8) Chrome has bigger browser window. How to develop flex applications in this case ? I am using values in percentages.However,panel which displays properly in IE8, appears big in chrome with text and buttons having same size. How to solve this problem
I want to make an application with an image that only bounces to the users screen resolution. How can I go by detecting the users screen resolution in flex 4? (If you can that is.)
I have 2 MCs named box1 and box2. Each one has dynamic text field named content_txt (content_txt.autoSize = true) and loads some text data from XML file.Box2 is on the top and box1 on the bottom. I need function that checks the height of box2, or of its content_txt and puts box1 on exact distance along _y axis.I have tried with this code:
Code: onEnterFrame = function () { b1y = box2._y; b1v = box2.content_txt.height; //or just box2.height spacer = 20;
[code]....
but it slides box1 without exact calculating of box2 height.
Screen class in actionscript provides the latest total screen bounds and available screen bound, but doesn't allow to attach listener to listen for changes on runtime.
is there any way of detecting screen resolution changes on runtime, it is required to size the application whenever screen resolution is changed. e.g. in case when machine display is connected to projector/high resolution monitor and then switched back to normal.
I'm developing a Flex application that is designed for screen resolutions of 1280x1024 and more. In the rare case that a projector is used (which usually has a maximum of 1024x768 pixels) I'd like to scale down the application (currently I get lots of scrollbars and clipping).
I've already experimented with the application's properties scaleX and scaleY as well as stage.scaleMode. However, I couldn't quite figure out a way to
render the application without scaling when the application's width and height are larger than certain values use scaling when the width or height are smaller than certain values
I want to load a series .jpgs into an existing mcs. The mcs are 75 x 75 pix and the .jpgs are 50 x 50 pix. The problem is that I made the mcs with the registration point at the top left corner. This causes the mcs to load in at that point so that the margine between the .jpg and the mc is uneven. How can I change the registration point of each mc so that the CENTER of the .jpg is positioned the CENTER of the mc?
I would like to know if any of you have had any issues repositioning your browser using safari within flash. I'm basically using the navigateToURL method then passing a anchor tag like this. All other browsers are fine but when using safari on a mac nothing happens.
I was able to put the script together for this menubar in the attached file... It floats on a separate level just fine, but what I want is for it to smoothly move to the top of the page when a button is clicked, and stay within a two inch range. As you can see, it moves to the top of the page... but surely does not do it gracefully... it just jumps up there. how to put the rest of the script together for this...
ok, i am attaching 6 pictures off stage dynamically using setInterval as a loop (so it will attach the clips once every x seconds). I'm positioning them in a line vertically, and then tweening them onto the stage with mc_tween2.Once the pics are in final position, the goal is this: 1.click on any pic and it will grow larger and position itself towards the center of the stage 2.click another pic and the last pic will shrink to original size and go back to it's original place.
#2 is where I'm having the problem. I've got the enlarging and repositioning working, and i can get the last pic to move back, but it won't go to the right place. In every variation i try, it either goes to the first position in the vertical stack, or the last position. The closest i can get to what i want is to swap the last clicked picture with the position of each picture as you click on them.basically how can i get Flash to remember the location of each pic, so when i click another pic, the last selected one will go back to it's original place?
I have a bunch of old FLAs with one set of dimensions, including a 60 pixel offset along the y axis. I'm writing a jsfl script to resize the stage (works), delete some unneeded layers (works), and reposition everything (doesn't work) What I'm using is:
When I run my script, the items do in fact get moved, but on tweened clips, they get "doubled dipped," it seems: if I compare the new x and y values of, say, the end keyframe of a clip (only tweened for alpha, for example) is exactly 46 pixels farther right and 60 pixels higher up than it should be.Is there a better way to reposition everything that avoids this "double dipping" among tweens? I'd love to know! There's got to be a way, and I feel like I'm so close, but not quite there. (Of course, I'm probably way offEdit: I've performed the steps manually by turning onionskinning on for multiple frames, selecting all frames, then dragging a selection rectangle across everything on the stage, then moving everything by the desired amount, which works: when I look at the history and view the js for those steps, they look exactly like what I've typed into my script.
