ActionScript 2.0 :: Zoom/Pan UI Won't Center On Zoom In?
Jul 8, 2009
I'm developing a full screen zoom/pan UI. Everything is working great, except I can't get it to center on the correct point when zooming in.
You can view what I have here: [URL]
The numbers in the top-left corner are the navigation, and the white boxes represent the individual sections.
I have a large container movieclip that fills the entire page. Inside of that movieclip (site) I have all of my individual section movieclips (section1-section6). I'm also using a dynamic registration point class to dynamically set the registration point of the "site" movieclip to the current selected section, so that the zoom in/out is centered on that section.
When a user clicks on a navigation item, I first reduce the _xscale and _yscale of "site" to 80, when that is complete I move _x and _y to the position of the selected section's movieclip. When that is complete, I set the _xscale and _yscale back to 100. Right now, it is not zooming in centered, so I have a final step where I correct the _x and _y position after zooming back in.
If I don't zoom in/out I can successfully pan the movieclip and center on the correct section. I believe the problem is that I am moving the _x and _y to the position of the "site" movieclip as if it is at 100%, but since it is at 80% it is not moving to the correct position. I tried to fix this by giving the _x and _y coordinates as:
endX = endX / 100 * 80;
Which made it a little better, but still not centered. I have a feeling that there may be a fundamental flaw in my approach to this.
For some reason the forum won't let me attach my .zip, so I posted it online, as well: [URL]
My code below, in case you don't want to download the file:
Code:
tile._alpha = 0;
currentSection = section1;
//** Set Stage **//
[Code]....
View 1 Replies
Similar Posts:
Jul 13, 2005
I have a slider which increases and decreases the scale of the map area, however, I cannot work out how to make the area being zoomed into stay in the centre of the map.I have attached an example file to highlight the problem. If the red dots are lined up and the slider moved I want the red dot on the map area to stay in the same place and not move as the map grows.
View 7 Replies
Jan 28, 2011
I am having issues with my code using a slider and zoom pan:Here is the part of the code I am having issues with....
function dragslider(e:Event):void
{
newValue = (navigator.zoomSlider.mySliderBar.x-xPoint) / fullWidth;
[code]....
I am trying to get my map to zoom from center of stage. I am trying to convert this from an as2 project.
View 3 Replies
Feb 7, 2012
I want to make a scope wich can zoom in on button click and go back to previous stage (zoom out) also by clicking a button.Now i made it work for zooming in (when i click my button it zooms) but when i want to zoom out everything i tried didn't work .Here is the code:
//button for zoom in
zoom.addEventListener(MouseEvent.CLICK,glassMove);
function glassMove(event:MouseEvent):void{[code]..............
View 1 Replies
Jun 7, 2004
i've made a button that zooms into a movie clip on a rollover, but it on moves it a certain amount each time you rollover the button. code below:
on (rollOver){
_root.Mypic._width += 5;
_root.Mypic._height += 5;
}
wot i want it to do is to continue zooming in for as long as the mouse is over the button, is there anyway i can change the code to zoom in at the same amount but do it continuously until the mouse is moved off the button. Also is there anyway that i can set it so that the zoom stops at a certain percentage, i.e. it only zooms in so much and then stops. What i mean is that the user can zoom in but the picture will only zoom in to say 200% of the original size.
View 14 Replies
Dec 14, 2005
I am working on flash application TELESCOPE or Camera. My goal is to move around the scene and zoom-in or zoom-out I found that if I move scene, I have to move registration point, because I always want to zoom in the centre of my ocular. So far application works fine only if I move, zoom-in and than before I move any further, zoom-out! But when I move, zoom-in (not fully), move again and zoom-in again, the second zooming doesn't appear on desirable registration point
View 1 Replies
Jun 2, 2007
I have a big movieClip which the user can zoom by click on a 'zoom-in' button. Once zoomed the user can click on that movieclip and pan it. Now the center of that movieClip is displaced and no longer where it was before. However, if the user click on 'zoom-in' now again, the movieClip should zoom from the center of the stage and not from the movieClip's center.
To put it simply, I want a formula which will zoom a movieClip from the center of the stage and not from its registration point, no matter where the registration point is.
View 3 Replies
Mar 20, 2012
When I zoom out, instead of centering the document on my zoom, it pushes the doc to the upper left corner. It is pretty maddening, as I am zooming in and out a lot.
Is there a way to manually center the artboard?
View 3 Replies
Oct 17, 2011
I'm currently using the pinch gesture to zoom into a map I'm making. My problem is that the map zoom's from the top left corner when I'd prefer it to zoom from the centre.
View 3 Replies
Aug 31, 2010
Is there a way on a drag zoom image viewer to have the draggable mc scale from the center of the stage rather than from its registration point?
View 1 Replies
Dec 15, 2011
I have this code for my effect to zoom in and zoom out in certains buttons
canada.addEventListener(MouseEvent.MOUSE_OVER, canadaover);
function canadaover(event:MouseEvent):void
{[code]....
the problem is when u reach certain corner of the button it kinda gets into a loop, any ideas how can i fix this?
View 2 Replies
Jan 21, 2009
up/down/right/left) except for zooming around the center of thestage. Let me explain, the user can drag the map in any directionany number of times but whenever they zoom in/out whichever pointof the map is in the center of the viewable area should always stayin the center.So for example I have several zones in my map, like Zone 1,Zone 2, Zone 3, etc. Let's say the user wanted to examine Zone 1more closely so they move the map in such a way that Zone1 nowappears in the center of the viewable area. I want when they zoomin/out Zone 1 to always remain in the center.
So I have the Map as a movie clip symbol and as a buttonsymbol. In Scene 1 of my Flash document I've inserted the Map movieclip and inside of the movie clip I have the Map button. In Frame 1of the layer where my map is I have the code for moving and zoomingin/out. Here is what it looks like below.
View 1 Replies
May 13, 2011
Using flex / air 2.6 working on an Android device, I am using a canvas with a TransformGestureEvent for zoom in on a map. The listening of the efect is working ok, but I can´t seem to find the information on wether the user intended zoom in or zoom out (fingers getting closer or getting apart).I expected the intention of the gesture to be identifiable with the offsetX and offsetY properties of the event, as you will do on a swipe gesture event. But I always get 0 for both properties, no matter how I do the gesture in the device.How can I know if the fingers getting closer or getting apart in a gesture zoom event?
View 1 Replies
Oct 26, 2009
i had a flash file, and the image was dynamically loaded in a movieClip. when i double click the image it will zoom max. and another double click it will retain its best fit.
View 0 Replies
Jul 20, 2010
I have a movie clip of all counties in the state of Montana (allcnt_mc). Within allcnt_mc there are individual movie clips specific to each county with name equal to the county's name. When clicking on a county, I'd like to zoom to that county and center the stage on it. I've added event listeners to all counties through querying an xml table that has demographic info I am calling into dynamic text boxes. Here is the code I have thus far to load the xml and add the listeners to the county movie clips.
//load xml
var xmlLoader:URLLoader = new URLLoader();
var xmlData:XML = new XML();
xmlLoader.addEventListener(Event.COMPLETE, LoadXML);
[Code]....
View 5 Replies
Jun 20, 2007
I have a point in MC (map/map1/icon1), I want to move icon1 to center of stage after zoom map.
View 4 Replies
Mar 27, 2011
i need created zoom for image in flex,
View 3 Replies
Nov 10, 2009
I am building a map app that allows you to drag a map around the screen and it is masked to only allow a portion of it to be seen as you zoom in. For zoom, I can only think of scaling the mc_1 (which is the map). Since my stage is larger than my map viewable area, i have placed a mc_2 as the background to the map. mc_2 is the "stage" for mc_1. So mc_1 is above mc_2.
I want to enlarge mc_1 by easing out...but don't know how to scale it where it looks like a real zoom effect. I figured I would just have the user click a + button and it would scale it to a predetermined size. how to ease it in/out?
Lets say my map was of the united states and I drag the map around my window and Texas is in the center point of the mc_2. How do I zoom in on Texas, instead of it just scaling mc_1?
View 4 Replies
Aug 24, 2011
I'm having toruble with an image that I zoom into in flash. I got everything to work, only I want the clicked X and Y coordinats to center to the stage. ( so that the area clicked on always zooms in and position the area clicked to the middle of the stage) the image is a movieclip and it zooms with a tween, but i tried everything but the image wont center the stage..
does anyone have a clue for wich actionscript 3 code I can use to do this?
my code is:
const TWEEN_IN:String = "tweenIn";
const TWEEN_OUT:String = "tweenOut";
var tweenDirection:String;
[Code]....
View 1 Replies
Apr 14, 2009
I need to have a button to be clicked for the zoom effcet to be activated, then when the mouse hovers over an image it should zoom to 200%. I have 40 images which I'd like to have this effect by.Also when the cursor is over the image is it possible to make the change the cursor to a magnifying glass?
View 1 Replies
May 9, 2004
How to make several MCs to zoom in on mouse over and zoom out to it�s original scale on mouse out??? all this with actionscript and with some ease (elasticity) to make the motion more natural?
View 2 Replies
Apr 14, 2009
I need to have a button to be clicked for the zoom effcet to be activated, then when the mouse hovers over an image it should zoom to 200%. I have 40 images which I'd like to have this effect by.Also when the cursor is over the image is it possible to make the change the cursor to a magnifying glass?
View 3 Replies
May 23, 2002
how do you edit a movie so that when you right click the movie...it wont show all the things like "zoom in" or "zoom out"???
View 2 Replies
Aug 6, 2003
i have visited a very good flash site..I gotta give credit for their dedication and their work as well. [URL] I wonder, how they put all those animation in a banner with that small size of file ? I mean banner's size is not big at all. My other question is that, how do you make it "zoom in and zoom out" on a movie..Like on those banners. Do they binding all the layers to make it a movie then resize it on the movie or what?
View 3 Replies
Aug 11, 2011
i want to zoom in on an image by clicking one particular region and zoom out by clicking again. how can i achieve this.
View 6 Replies
Dec 5, 2009
I've got a website/blog about legends of England in French, and I've made a basic map of United Kingdom with the legends location as dots with a rollover effect and links (look atMy problem now (and I knew it would come to that stage someday) is some dots are really near to each other, and as more and more locations will be added less clear will be the map...What is the best way to zoom in and out of the map keeping the dots in place?
View 9 Replies
Jun 9, 2009
I want to create a piece of flash where it starts off in space and shows the earth and then after about 5 or 7 seconds it zooms into the earth and into the UK.
View 1 Replies
Jul 24, 2005
How to zoom in using Action Script.
But... what I need is kinda of hard to explain...
I want to zoom into an object and have the corner of the object stay in the same place as can be seen on the screen.[code]...
View 5 Replies
Dec 27, 2009
I like this gallery: [URL]but i need some modifications
1) i need prev button
2) if is click more that once on next button, the thumbnail image is not align in the container (the small oane)
View 1 Replies
May 27, 2003
i've created a vector-based map of Spain, and i'd like to be able to zoom into certain areas of it.the map is positioned behind a mask, so only a certain portion of it is visible.
i've also created nine buttons, each of which should reposition and scale the map according to a set of predetermined target parameters (manipuilating the _x, _y, _xscale, _yscale properties). i can get the map to pan to its new location so long as i don't zoom in (scale) as well. whenever i have to pan AND scale, the x,y coordinates end up grossly off-mark. do i need to first scale and then pan? or vice versa? anyone know of any tutorials on this topic?
View 3 Replies
