ActionScript 3.0 :: Text Position Relative To Browser Resize?
Dec 13, 2009
I am having problems changing text x,y position in a browser window as the browser is resized. Ultimately I plan on positioning an image but just using the text for now. I use the following code:
Code:
stage.addEventListener(Event.RESIZE, wResize);
function wResize(e:Event):void {
To make this more clear I have a flash website coming near to the end of the design stage. I have a multi-layered scene with a resolution of about 700x1200 (so you would scroll down the page with the browser scroll bar). Basicly I want these layers to correspond to your scrollbar position as though the perspective changes. ie: scrolling down would push the fore ground at the normal rate but only pushing the background at a slower rate, (thus giving a 3D effect).I would imagine since the .swf would then need to talk to the scroll bar, there would be a need for another language as well as action script.
I want to position a clip near the end of the browser window and to make it fixed there, no matter on which screen resolution my site is viewed. I've tried already doing it using the external movie with fscommand, as well as with Stage.align, but then it applies to all the loaded movies. The rest of the content should be centered.
how can i position an externally loaded MC on browser size were if the browser is resized the mc follows and stays in view instead of been shifted out of view
i can get it to work if my MC is on stage but it dont work if the MC was loaded externally it loads but does not position/follow the browser edge and goes out of view below is the AS2 code
Stage.scaleMode = "noScale";Stage.align = "TL"; var stageListener:Object = new Object ();stageListener.onResize = positionContent;Stage.addListener (stageListener);positionContent
Code: Stage.scaleMode = "noScale"; var myListener:Object = new Object(); myListener.onResize = function() {
[Code]...
I want the movie clip to be at the bottom right corner or the stage at all times when the browser is resized. The name is the clip is bottom right piece. The flash movie takes up the whole browser with no scale. The movie clip is always over or under the point in space its suppose to be. When i trace the value or the movie clip's _x... its the same as the Stage.width... but it doesnt portray that visually on the stage...
The movie clip containing the photo resizes based on the size of the browser window, and the other two movie clips are positioned based on the outside edges.
i'd like the contents of my swf to re-position itself in relation to the resize of any browser window with easing here's examples of what i.m aiming for only my swf is aligned top left }}} [URL]
var manTimer:Timer = new Timer(1000,14); manTimer.addEventListener(TimerEvent.TIMER, moveMan); function moveMan(e:TimerEvent):void {[code]....
I just need to make the tween's position relative to it's current position, as opposed to starting at the stage's 0 position then moving the the stage's -40 position. It needs to start at its current position the move -40 from that position.
I'm creating an XML-driven pie chart in AS3 with 2 text boxes in each pie slice. Both text fields are dynamic in the sense that they are populated by the XML doc and then told where to place themselves in the AS3. I've got them both using the same x and y position to place themselves at the moment (which of course puts them right one top of each other), but I'd like to make one of the fields (which acts like a label or a title to the larger number and % text field) place itself in a particular spot around the other text field. The result I'm looking for is to have the smaller "title" text field appear approximately 5 pixels above and left-justified to the larger "percentage" field.
Anyway, here are two sections of code that I've currently got. The first chunk, for the Tags portion, sets the position for the "percentage" text field using a good old x and y method. The second chunk, for Titles, is setting the position for the smaller "title" text.
//evaluate tags private function evaluateTags():void{ for (s=0; s
I am adding MovieClips in columns and rows according to the main container with static width and heightnow if user wants to enter for more rows and columnsHow I should change the Moviclips size that can adjust within main container ( Blue Box as in image )Image 1 : I am adding small white movieClips with default width and heightImage 2 : its required , small movieClips resized according to main container, when Rows and Cloumns are increased
I have flash within a html but when I view it on pcs with smaller resolution it sqaushes to fit screen.How do i make it so instead of squash to fit it stretchs and makes thinks relativly smaller etc.
I added a Menu_mc on my stage. Initially, this should be at the center of the stage and when I click on it, it will tween on the upper left corner of the browser. However, when I resize the browser, the Menu_mc goes back to the center of the screen.
I have tried separating a different actionscript file where it is specifically for initialization of the object and another one for resizing. And then when I call it on my main AS file it goes like this:
Code: // Add the symbols to stage var Menu_mc = new Menu_MC(); addChild(Menu_mc);
I'm having a bit of a problem here. As per the title, my flash swf file works fine when tested from the IDE, but when I publish it and open it through the browser, the stage doesn't seem to resize along with the window.I post below a bare-bones example. The "back" movie clip should resize, only it remains at the starting dimensions
Imagine that I make a movie clip that looks like a chess board, and that inside that move board I place other movie clips that look like pieces.Now imagine that I tilt the chessboard so that you are no longer looking at it top down and rotate it so that the dark pieces are first in front of you and and this slowly changes until the white ones are, etc.In order to make this look right I have to rearrange the stacking order of the movie clips (which pieces are "on top" of which other pieces when they are drawn). But when the clip rotates, the mc.z value for all the clips does not change. Neither does the width or height which I thought I could use instead even though they are clearly looking bigger or smaller onscreen.I think that I might just be getting the z point relative to the other children of the rotating movieclip. Is there any way to get the z point relative to the stage?
I made a spinning globe with Away 3D which sits in front of a 2D graphic in a specific spot. The swf is going to exist as part of a web-page. When a user hits "zoom in" or "zoom out" on there browser (looked at FF and IE) and refreshes the page, the 2D graphic is zoomed and stretched. The spinning globe is also magnified, but falls out of position... in this case, down and to the right. I put my original re-jiggering steps to put the globe in place in an onResize() method, called by stage.addEventListener(Event.RESIZE, onResize);
[Code]....
Even if I wanted the globe to stay dead center on the stage, I don't know how to do this. What kind of calculation do I need to make in my onResize() method? Do I move the view or do I need to move something else? Can someone explain what is happening to the viewport or the camera when the stage is resized?
I had coded a different file similar to this and had a movieclip move along the x axis relative to where the mouse position is.
The idea is the movie clip is a panoramic photograph (eg. 6000x900) and it would move dependant on where the mouse it. ie. if mouse is in the centre it will be stationary and when it moves left and right the image will move accordingly (faster when further away from the centre).
The code below works moving the movieclip's x position but when I try and do it with TweenLite (using the quotations for relative positioning) the movieclip snaps immediately to -107374182.4
There is obviously something fundamental I am missing but cant see it at the minute. I had this working previously but then tried to progress it and write my own class for the panning (that now turns out I do not have time for) but I saved over the code and cant not go back.
I have put together an example zip with a .fla and the greensock tweening platform.
but with no response. I realise that code is incorrect, but need something that will work in that way. I presume i need some sort of listener to follow the _x position of the specific movie clip.
I would like to know if there is any way that when mouse leaves screen, the mouse coord from the Main Movie Clip (mouseX and mouseY) keeps updating! Is there any way to get the mouse pos relative to the screen pos?For example when mouse leaves screen and goes 30 pixels up, its position would be (X,-30)
I have a dragable movie clip that on release I want to scale, depending on the mouse position, the further the mouse up the screen (y) then the smaller the clip scales on release.
How can I make the easing start fast then go slow? Right now it starts slow and speeds up. Well not really, because it speeds up and then slows down once it gets closer to the mouse position. But becuase the mouse position is greater than that of the movement, it seems like it speeds up then just stops!
I'm developing my first flash app. I'm trying to use classes because they'll be very important in my future app. I created a simple movieclip with a star. However, instead of putting it directly on the stage, I'm calling it from library, using the addChild method to place the star in the stage. To do that, I simple right click over the movieclip icon->properties->check export to action script->and I give a name to the class (for example: myMC)
Then, inside the class I wrote: package { import flash.display.*; import flash.events.*; public class myMC extends MovieClip { var star:myMC=new myMC(); public function myMC() { [Code] .....
As I am placing the two variables origin_x and origin_y inside the constructor, I'm expecting to get 250 and 200 respectively. After drop the star, I want to send it to it's original place, and that's why I need to keep this values. And here's the problem, origin_x and origin_y are both ZERO, instead of 250 and 200... The value is not relative to stage. I managed a little bit and I found this post : [URL]. Unfortunately I tried to replace by the suggested code, but both values remain zero. An interesting thing, is that if I put the star directly in the stage instead of calling it from the library as I am doing, I get correct values in origin_x and origin_y.
I have a Flash file for an xml driven menu. There is the document Class, called Main. There is also a Navigation class. In the Navigation class, I position the location of main buttons and sub menu buttons for the menu. I want to position the buttons in the Navigation class relative to the stage. Currently, they are just fixed at certain positions (like 20); To do this, I have read that because this is not happening in the document class.
I must add an event listener to the constructor that listens for the added to stage event. I am not sure how to do this, as when I try and add an event listener for added to stage in the Navigation class nothing happens, (or all menu items diaspear). How to position movie clips relative to the stage (i.e. stage.stageWidth - 50) from a class that is not document class? How to do so in the document class, too.
So I have a Crosshair on the Stage and I have an Enemy with nested child limbs, when the below function is called I want to create a hit mark and attach it as a child to the Enemies Limb but how do I translate the X/Y position of the Crosshair to the Enemies Limb bearing in mind the Limb may also be rotated?
I have an flash file which is 740px wide and a movie object inside it which is 1100px wide. What I want to happen is for the movie to scroll left or right depending on the mouse position and to stop when it reaches the start or end of the movie object. It all works fine except when it gets to either end, the _x position is outside the boundaries I have set in the if statement so it wont scroll back again.Code is below:
I've recently taken Krilnon's tutorial on interactive image panning, and have a need for more complexity. My image to be panned (relative to user's mouse movement) has several 'hot spot' buttons placed within. Each hot spot, when clicked, is to smoothly zoom and shift within the mask, with pertinent info displayed next to each, once zoom and shift is complete. almost like I'm making a motion tween, where the final position is known, but the start position is wherever the BG image is when the user clicks the nested button. I need to determine the x-position at the moment of click of the button (different for each button), and then, I think, use a simple-math "stagger-step" method of moving and scaling, until I've reached my final dest. here's the link to the tutorial I originally referenced:Url...
im using MX 2004 although i do have Flash 9 atm if anyone has an example in that Anyway, im trying to slow down and speed up an orbit of an mc relative to where the mouse position is. So basically i need some sort of radial "field" where when the mouse gets close to the outside of the orbit the movie clip stops and when it is farther away the movie clip speeds up.