Flex :: Scale To Point (Zoom Into Image Where Mouse Clicked)
Jun 14, 2010
There is an Image control that when I click on it I need to zoom in (using the center/transform point where the mouse is clicked). I have the zoom transition working great, but when I set transformX & tranformY (with autoCenterTransform false) it doesn't zoom into that point.
Here is my code that only zooms in (not to a specific point)
<fx:Script>
<![CDATA[
protected function imgLogo_clickHandler(event:MouseEvent):void {
transformer.play();
} ]]>
[Code] .....
I would like to create a component(extending from spark Panel), which upon a buttonclick should show up next to the button(something like a bubble popping up or like the small box opening up when hovering up on profile links in facebook/twitter). I tried to create a component that implements mx.core.IToolTip and provided the methods required by the interface. And on the toolTipCreate event, set this component as the tooltip.
This works to an extent. When I bring the mouse over the button, the panel appears as the tooltip and goes away when i move the mouse away. What I need is, the panel should appear next to the button when click on it and should go away only when I click outside the panel or click the close button present inside the panel.
i'm trying to zoom in on a picture at the specific spot where the mouse is clicked. ie if the mouse is clicked in the lower left corner, the pic gets bigger from there, not the center of the pic.the only way i can think of to do this is to reset the registration point to the clicked position. is this possible?
Looking for code to enable zooming in/out on a graphic or movie clip using mouse scrollwheel with origin of scale change being at the mouse cursor position. I have one where it is at top left. I also require it to stay proportional, when applied to a rectangular graphic my code makes it go letterbox on zoom out!
I'm trying to add zoom functionality to Lex Talkington's great Panning Class HTML Code: [URL] and have run into the following issue: I cannot seem to get the image to scale without also scaling the container _rectangle. Here's my code
I want to make an editor like this site. [URL] If you browse this link you will find "Button. If you press this button you will navigate to a editor to design your layout. After draw a rectangle or circle or line you can resize that or can rotate that. When you finish if press the "you will back to the previous page where your desinged layout display. If you press the "" again then you will navigate the editor with the previously designed layout. I want to make a site like this. I want to use the flash cs4 to make the editor. Anybody knows how to draw a rectangle or circle shape with mouse and how to scale by setting the point and how to rotate by setting the rotation point also by using flash cs4 and as3?.
I have 9 images on my stage laid out like a photo collage. Would like to create a user action that when their mouse rollsover an image that image zooms in, when the user moves mouse to next image, it does the same for each 9 images. Is this possible? As mentioned I am a Big Newbie to Flash, only have taken one online class,
I need to be able to zoom in on my image, but I cant get it to work properly. I've got an Image showing my content, and it get it's content from a BitmapData. The BitmapData is full-res, which is 2880x1620, and the Image is scaling to fit my window. The SmoothImage is the same as Image, but with smoothing added. <me:SmoothImage id="imageFull" visible="false" width="100%" height="100%" />
How would I go about zooming this image when I scroll my mouse? This is the code I have, and it does change the scaling factor. But since it's set to fit my view, nothing happens... public function videoBufferWheel(event:MouseEvent):void{ myZoom += (event.delta/10); if(myZoom >=1){ imageFull.scaleX = myZoom; imageFull.scaleY = myZoom; }else{ myZoom = 1; }}
This code works fine but i want it to zoom in and out from the center of the stage where ever that point of the picture is.Right now it zooms in and out from the registration point in the upper left corner where I load in the image.
Code: addEventListener(MouseEvent.MOUSE_WHEEL,mouseWheel); function mouseWheel(event:MouseEvent) {
I've four images on the stage. When mouse over one image that zoom in and comes to front. When mouse over another image it will come to front (zooming) and the previous one goes back (zoomout).
I have this code which allows me to replace the mouse cursor with an image but i would also like to change the image when the mouse is clicked down using a different image. the code i am using for just replacing the mouse cursor is[code]...
i tried using a different code which i found but it failed to work with my project can anyone help me please
Im currently designing a map with a drag and drop action as well as a zoom in and out with the mouse wheel, my problem is that when i drag and drop my image and then go to zoom in or out the image will automatically reposition itself back to the center, im wanting to be able to drag the image which is converted to a MC anywhere in my masked box then zoom in and out on that area that is shown is the masked box,
i am trying to make an image gallery with pan and zoom effect on mouse over ... Now what i want is exactly like the below website .. [URL] & see the website. out here have a look and tell me what script they had used here if u want i can pay for the script
I have a problem and I have potential solution. But I wanted to confirm if there is an easy and simple way to solve my problem.App type:Isometric Game.Problem statement:I am loading images in my flash app and have mouse events attached to them.The images I load are prop images like vehicles, trees, buildings etc., and all of them are transparent.Example: Red ball asset (please ignore the yellow background which I applied to describe the problem)If I click on the actual image area (colored in red), then every thing works perfect.I don't want to trigger mouseevent when I click on empty image part (or transparent area, which I have shown in yellow color)There is one way I know by creating masks in flash. I don't want to do it unless that is the final option left because I load image assets instead of flash assets and I don't want to create a new mask asset for all the assets.There is another method I was going to adopt by using getPixel method of Bitmap.
But there is another problem with this method.I might be able to ignore the click event when I click on the empty part of the asset but if there is some other asset is behind the image in the same location, then I need to process the click event for the occluded image.Well, thinking of solution to this problem takes me to the getObjectsUnderPoint where I can scan the occluded assets
I am basically trying to create a display object transformation manager which will allow me to scale/rotate objects. I am currently trying to figure out how to rotate an object so its corner follows the current x and y of the mouse. I always get confused on the math of things like this. I know how to listen for the events and everything, I just am unsure of how to calculate the amount of rotation to apply. I will probably be rotating via a Matrix so I can rotate the object around its center, rather than the upper-left corner of it. My question here is: how do I get values when I don't want them constrained, like scaleX and scaleY?
I have created a 3D product view page with a scrub bar that spins the object via 32 images taken of the object all the way around.
I would now like to add a zoom and pan function of some kind as well. Anyone have any suggestions or FLA files with this sort of thing? The 3D spin images are inside a movieclip, so I basically need a "+" and "-" button to scale the images up, and then be able to drag the movieclip around the stage too.
how i could create a function to do the following:- I have a mc and when you click on it i want it to scale too say 150% and move to a different x y position, then when you click on it again i want it to go back to its original size and position.
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?
i'm making a game where a ship moves from a random starting position to a target but I want to be able to zoom in & out (its a plan view) so would therefore need some way of scaling all MCs on stage equally & move them closer together when zooming out.. how I might do this? I thought maybe putting everything within 1 MC possibly?
ok, so i got a logo, each letter it a clip, cos the logo is bit more than just text, but thats beside the point. I want each letter to start of larger than it should be and zoom out (scale down) to the normal size, pref with a bit of a bounce at the end, so it goes from very big to, slightly smaller then proper size, to proper size, get it?
so with help from Master64 (via IRC) i worked out that i could use _xscale and _yscale (i am relativly new here, lol ) but the problem i got is that it scales, but in huge jumps, not smooth.
The class is ment to be reusable (duh!) so my concept is
I have parent movieclip and in that many different children movieclips
What i want to do is when i CLICK, i want to detect which movieclip it has clicked and call corresponding function (defined by onpress event) of that movieclip.
So I've been working on a being able to click on an image and zoom it to that position.my movie is 550x340. just make a mc with an image and give it the linkage ID of "box_mc". I put a crosshair in that MC as well so i can see where it zooms to.The problem I'm having is that on the third click, it won't adjust correctly. I don't understand why not. Maybe you people can aid a little.
I am still struggling with transforming my app build in Java/Eclipse to Flex/Actionscript with Flashbuilder.Now I can not find how I should implement an image to cover the hole screen.[code]...
I've learned how to link XML to my FLA and have it populate info boxes. Its easy to do this at the state level but I'd now like to do this for all the counties in the US.I'd like to be able to mouse over a state and get information pertinent to each state (this I know how to do). When one clicks on the state, they'll then fly-in to a more zoomed level where they can see county-level information.Should I build this so that clicking on a state simply loads a new FLA specific to that state and its counties? This seems easy but clunkyIt seems smarter to have all the info in one FLA. When you click on a state, you'll zoom into that states level and then have the ability to click on counties and get their infoDoes anyone have suggestions as to what I should learn next to start making this thing scalable (i.e. how to click on a state and zoom-in)?
I am trying to create a zooming in effect on some text. To do this i am using the scaleX and scaleY Tween. The problem that I am having is instead of scaling outwards in all directions, it looks like its scaling downwards and to the right. I think this is because the centre of origin is in the top left corner.
Code: import fl.transitions.Tween; import fl.transitions.easing.*; import fl.transitions.TweenEvent; var myFormat:TextFormat = new TextFormat(); myFormat.size=15; [Code] .....
For lack of a better description, I have a world of bitmaps, but some are outside the boundaries of the stage. How can I scale my world larger and smaller to effective zoom in and out?