ActionScript 1/2 :: Zooming To Certain X/y Coordinates?
Oct 25, 2009
I've been racking my brain for the last week, and Im trying to use a map to zoom into certain city locations on the map. I believe each city locatio needs to be its own mc on the map, but don't know if I need to zoom into the coordinates of that mc? Here's what I have so far which zooms in on the appropritea x/y coordinates. Does anyone have any advice as how to change this or some other way to zoom into certain locations on a a map?
Basically I want to know if there is a way to go from a zoomed in version of something, and then seeing the whole image in another frame. (By pressing a button)
Let's say there's a tree, I would bascially like (upon pressing a button which I can do) to zoom out and see the whole scenery. Is there a way I can do this without actually changing the size of the image?
I look at professional animations and notice the camera-like effects they manage to put into these animations. I'm wondering how I can do the same without having to just enlarge or reduce a movieclip across the stage. Is there any way to add a camera view on your animations or do you just have to bear with Flash's basic necessities?
I was trying to convert global coordinates to local coordinates of a UIComplenent in my flex project using below code using below code
var gp:Point = new Point(e.stageX,e.stageY); //global point var lp:Point = uic.globalToLocal(gp); //local point
uic is UIComponent in which I have subclass of Sprite for drawing something I have set the sprite's mouseEnabled and mouseChildren to false to not interrupt the mouse event. above code is within uic's mousemove event where I was tracing the gp and lp gp was giving correct value and suprisingly lp was giving negetive values. when I move the move to the top left corner of uic i expect lp to be 0,0 but it is giving the -width of of uic. I broke my head for hours and ended up finding an alternate by using offsets. Infact my original code was much simpler like this which was same issue
var lp:Point = new Point(e.localX,e.localY);
I am not sure what exactly is causing this problem. the workaround had lot of issues and it creating a mess in my rest of the algorithms.Just now I found even more interesting thing (which is actually weird). for some reason I went and create a new lp2
var lp2:Point = new Point(e.localX,e.localY);
now surprisingly it was giving correct values as expected and I went back and changed the code as
var gp:Point = new Point(e.stageX,e.stageY); //global point var lp:Point = uic.globalToLocal(gp); //local point var lp2:Point = new Point(e.localX,e.localY); var lp2:Point = uic.globalToLocal(gp);
now it is expected to have all the lp, lp2 and lp3 variables to be same but weiredly lp two is giving wrong value and lp2 and lp3 were giving correct. I am suspecting using the variable lp has something to do. I am not sure about that but above proves it so right now I am using lp2.
I was reading the 'Isometric Transformations' tutorial by Danko Kozar and I have a few questions. I understand what all the code does, but not how it does it. First of all, how does the following code work:
transforms x,y,z coordinates into Flash x coordinate xFla = function (x, y, z) { // cartesian coordinates[code].....
I understand that it converts 3d coordinates to 2d coordinates, but I don't understand how. What numbers whould be punched into x, y, and z to acquire certain desired effects?Also, what's the difference between moveTo and lineTo:
red line style(1, "0xFF0000", 100); plot(0, 0, 0); draw(200, 0, 0);
Im making a little app in flash using papervision I want to make a regular movieClip show up in the same place as a papervision object. The coordinates seem like perspective is affecting the number displayed.
how to zoom into(hence zooming the map outward) set locations on a map, yet only those locations. I have a script which will zoom to your mouse location and also if I set the specific x and y, but still zooms when clicking on any other spot.
how do I zoom to only a set location and nothing else within a map/image.
I'd like to have my viewers mouse over any of the MovieClips on the scene and using the keyup / keydown have only that MC scale up or down. The scaling should only effect the moused over MC.Here is what I'm using for the scaling on one MC now...
var Listener:Object;Listener = new Object();Listener.onKeyDown = function(){ if (Key.isDown(Key.UP)) { container._xscale = container._xscale + 10; container._yscale = container._yscale + 10; } if (Key.isDown(Key.DOWN)) { container._xscale = container._xscale - 10; container._yscale = container._yscale - 10; } };Key.addListener(Listener);
I was just working on trying to zoom a flash movie using JS but cant seem to get it and it is driving me nuts any of you guys know how I can zoom in and out on a movie using action script.
I need some help with creating two buttons that zoom in and out of a movieclip.I have seen some tutorials and tried them, but got really confused.My problem is that the movieclip i want zoomed (in & out) is embedded inside another movieclip, so don't know how to refer to it.
also where should i declare the zoom function?? on the movieclip or on the main timeline?? the buttons that control the zoom in and zoom out are on the main timeline.
I am a really new flash beginner, and I am trying to write a site that can do this scaling in/out effect (Not an image) after when a new file is loaded into the page. I've googled and searched everywhere and couldn't find a possible solution to this.You can see the site, there is a zoom in and moving effect after a button/new page is loaded.
Here are the scaling, I am talking about:http:[url]....
I had found a script which zooms to your mouse position, but is there a way to adapt this so it only zooms in on the particular mc and not the mouse position?
I am a really new flash beginner, and I am trying to write a site that can do this scaling in/out effect (not on image) after when a new page is loaded into the page.You can see the site, there is a zoom in and moving effect after a button/new page is loaded.
I am attempting to create a map that has the ability to zoom in and out as well as a click and drag feature.What I need help on is setting boundaries for the map. I can set them for the map when it is zoomed out, but they need to change as the map zooms in. I've been searching lots of forums lately to see if anyone can help, but no luck yet...
Is there a way to that users can zoom in and out of an image and even drag/scroll around if the image is larger than the viewing window.I looking for a way to creativly display my portfolio in a limited area.
I am working with some images in my flash file which I would like to have at a high resolution (approx 1280X1024 px or even higher) so that they look good when they take up a full screen, and also when I zoom IN on them.
However, when I import them into flash at this size, they look TERRIBLE when zoomed OUT (eg. to 15%). They look fine in photoshop at this size.
I have an image that is loaded into a scrollpane, which works fine. I have two buttons on the stage that I want the user to be able to click on in order to zoom in or out of the image that is loaded into the scrollpane. I can't seem to get these zoom buttons to work on the movieClip with the image that is loaded into the scrollpane.
Lastly, I don't know if this makes a difference, but this swf file is loaded upon release of another button on the root timeline of another swf.
I tried attaching a simplified version of this file to this message but even zipped I cant get it lower than 380kb. I can email it to anyone if they are interested.
Being adventurous I've got (all built in AS1) a masked area that you can view an image in. I'm trying to make it so you can zoom it in and drag it around, within the masked area, but the dragging locks it so that you can't drag it to the point where it leaves the edge of the masked area - if you follow. So when you're zoomed in, the iamge is never allowed to be dragged off so far that it's not filling the masked area. I've tried all sorts of code and the following code seemed to work well
But since the border size around the image is adjustable (it could be 2, it could be 20) and that eats into the area used to show the image (eg image is offset by imgBorderSize and shrunk by imgBorderSize*2) I tried to factor that into the formulas because once I turned the borders up the above formulas wasn't working right anymore
Code: // imageMC = the clip being scaled/repositioned/dragged limitLeft = 0-Math.round(imageMC._width-maskWidth)-(imgBorderSize*2); limitUp = 0-Math.round(imageMC._height-maskHeight)-(imgBorderSize*2);
[code]....
I also tried to make it so when you zoom in, it zoomed in on the center of the area you can see through the mask, not on the top left - so repositioning is occuring alongside the scaling for the zoom to try and acheive that. Nothing clever, just :
Code: // ZoomCalc range = 0-100; // imageMC = the clip being scaled/repositioned/dragged imageMC._xscale = 100+(2*ZoomCalc); // 100% - 300%
[code]....
When it zooms out however it'd be nice if it didn't snap back to center via the above code, eg if yu're zoomed into bottom left it would stay viewing bottom left as it zoomed out - yeah?If anyone has ANY input to this I'd greatfuly welcome it :/ If I manage to get it working then I have to figure out what my layer above all these layers with clickable buttons don't work as soon as I implemented the dragging of the image layer Is there no way to have buttons on something that is being dragged? ((
I'm panning on an image 2kx2k pixels. Panning is working wonderfully. I added a scrollRect to the image container and test the mouse position. I'm trying to add zoom: Main Movie -> PanClass Object -> Image Container -> External Swf.
I have a couple test buttons that simply allow a user to zoom in or out on that image. I figured that by zooming in (adjusting x and y scale) of the external swf that my movie would scale and continue to pan which it does, but it is still panning at the original size of the image. I need it to pan in the same size window as before but with the new scaled dimensions. I've included the panImage function.
I have 23 keywords in an XML file. In an area of 1600px by 500px there should be zooming in and out (for about 5,6,7 sec which depends on the number of letters) 10 keywords, randomly chosen from the XML file. Each keyword may appear in different spots in the area, it doesn't matter.
I have loaded an image from a particular site using loader..and added this loader in a Movieclip.. I want to zoom and pan theimage.. How to zoom particular area of a movieclip?
I am quite new to Flash and I want to make the following. I want to have a video (avi, mpg or something else) playing. But you should see only a part of the movie (a smaller rectangular "window"). Through this window I want to be able to zoom in on the movie, and move it, so you can see different parts of the movie.
Is such a thing possible in flash? If so, can you give me some tips on how to start?
Since at least cs3, Illustrator, InDesign & Photoshop has all had the Alt + mouse wheel zoom function. I have wondered when this would become available in flash. I just installed my cs5 design premium and immediately noticed that the zooming function has been further improved in the other programs but still nothing has happened in flash.
Am I missing some way to enable this zoom function or is there some third party plugin that can help me? It is annoying and time consuming to have to press z then click around to get the right zoom level and then click whatever tool I was using before instead of just pressing alt and scrolling a bit.
I am developing a Flash CS5 iOS app. On one of the frames I am drawing a good many rectangles in a particular pattern. I would like to use two-finger zoom and gestures to zoom into these rectangles on the frame but keep the general pattern of these rectangles the same. Also once zoomed in, the user will need to pan around the enlarged graphics.
I know I could create an event handler that when I zoom in it adds width and height to each of the rectangles but then I have to worry about increasing the X and Y positions of each of the rectangles so I keep the same distance between each one and so forth.
I have a photo gallery. All the photos are displayed as thumbnails. When a user clicks on a thumbnail, the preview will be displayed in a canvas with full size. Now, I want to zoom the displayed image as much as possible.
It's going to be used to view complicated scenes in 3D, but to make it work on laptops it's instead showing pre-rendered 360 degree renders of the objects.When you load an object, it first buffers 360 frames into memory, so that you can rotate around this object smoothly. When you release the mouse button, it loads in the high-res image of that frame.
Then, you should be able to zoom in and move around to inspect the model closer.Problem here is when I have the scrollbars enabled it wont work properly.Firstly, I had a problem where the vertical scrollbar moved out of the picture when I was scrolling the horizontal scrollbar.
Then after some more testing, they now stay where they should, but when I zoom in (will post code below) the horizontal scrollbar is not able to go far enough to the left to show the whole image.What happens is, when I zoom in, the scrollbar remains at it's left position, but I zoom in on the center of the image (zooming, by scaling the container. The image fill the container).
My problem is probably just a result of me overlooking some basic understanding. And sorry if the code is a bit messy, I've only done a little bit of clean up. The code I post below is without any scrollbars visible.
You can see that I've tried using scrollbar components too, and it works somehow. But I'm not able to scale the scrollbar depending on the content, so if I zoom in or out, the handle you drag on the scrollbar will be the same...
I'm developing a new Flex app that's in the middle of an html page.
I want to be able to achieve what this website achieves [URL] when zooming in and out in the browser. It makes the container smaller but does not rescale the swf file.
Presently my app, scales and it looks ugly. I want it to basically not scale and just make everything smaller.
I have this .fla that loads and xml file along with several other classes. This purpose of this file is to zoom content. Whenever you use your cursor to zoom, it goes to the exact location where your mouse pointer is. My problem is --it only works fine when the image is 200px by 200px or less. The image that I wanna load will be at least 500 by 500. I tweaked the settings but the zoom zooms too slow or too fast. I think the image size conflicts with the zoom.
here is the code in .fla -------------------------------------------- zoomer_mc.data = "prod1.xml";
I'd like to get a similar implementation to the ScrollPane component, so that starting from a fixed size of say 640x400 px, I can load an image that initially gets adjusted to this size (always keeping the aspect ratio), then I can zoom in/out the image with some buttons, displace it horizontally/ vertically whenever it overflows the mentioned size with both a four-buttons panel and a drag-and-drop functionality.I don't want any scroll bar, and I want to restrict the image size to certain dimensions (not too much big or smaller than the container).
