Flex :: Rotate / Scale Display Object With Mouse
Aug 5, 2010
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?
View 1 Replies
Similar Posts:
Jun 22, 2011
my problem is that if i scale, rotate or translate a display object using its transform.matrix i am not getting the value in the display object but the transform is happening like displayObject.scaleX or displayObject.scaleY etc. i get this new transform value using the dislayobject? as i am using a matrix transform manager which actually changing the transform matrix of the display object.
View 8 Replies
Oct 11, 2002
I know it's possible to scale and rotate an object by using some actionscript. Is it also possible to distort an image?
For example; keep the topleft corner and the bottomleft corner of an object at the same position and put the topright and bottomright corner of the same object 25 pixels down.
View 14 Replies
Jan 31, 2010
I am learning AS3 and trying to get an object to be able to move / rotate / scale and drag and drop. I found 2 seperate tutorials one does button clicks to move and rotate code.[code]When I add the second lot of code to the first app (ie add a layer and insert the script ) change myPoint to rocket . I get the following errors:'{' expected
View 1 Replies
Apr 29, 2003
I want a ship or something in the center of the stage and to be able to click and the thing will shoot at the mouse. I know how to get it to shoot at the angle. I just don't know how to get the rotation with the mouse. I can do it with keys but not with the mouse. What I need object rotates pointing to mouse...
View 2 Replies
Oct 27, 2007
I'm trying to get the same effect as this page[url]...
View 9 Replies
Aug 2, 2009
I've got this object which when I click and hold I want to auto rotate around smoothy and when I release to stop rotating, is there any way to do this. Also I have another object which when I click a hold to rotate with the mouse. So when I click and hold a rotate the mouse clockwise the object rotates clockwise but do not move.
View 4 Replies
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] .....
View 1 Replies
Jun 16, 2010
So I have that panel or any other mxml component. I want somehow to rotate it around like a wheel of a car with which you drive it... loke a Racing wheel... sow like when mousebutton is down it captures pont of component... when you move mouse component rotates (not moves) according to new mouse position... How to rotate MXML component round its center like a wheel respectfully to mouse?
View 2 Replies
Jun 25, 2009
I want when the user click and dragg (Mouse_DOWN) the rotate button, the image will be rotatedAlso, when the user click and drag the scale button, the image will be scaled.Here is my code, but it dosen't work as I need:
btn_rotate.addEventListener(MouseEvent.MOUSE_MOVE, on_btn_rotate_down);
btn_rotate.addEventListener(MouseEvent.MOUSE_UP, on_btn_rotate_up);
function on_btn_rotate_down(e:MouseEvent):void
[code].....
View 2 Replies
Jun 26, 2009
I have 2 movieclips (btn_rotate, btn_scale) that are attached to a movieclip (view_mc) that holds an image.
These 2 movieclips are used to rotate and scale the Other movieclip as in the attached picture
I want when the user click and dragg the btn_rotate, btn_scale, the view_mc will be rotated and scaled respectively, in smooth way.
But I can't achieve that.
Here is my code which is wrong:
ActionScript Code:
btn_rotate.addEventListener(MouseEvent.MOUSE_DOWN, on_btn_rotate_down);
btn_rotate.addEventListener(MouseEvent.MOUSE_UP, on_btn_rotate_up);
function on_btn_rotate_down(e:MouseEvent):void
[Code].....
View 1 Replies
May 27, 2010
i'm trying to trace the x and y coordinates from within a sprite. i've added a rectangle to the stage:
var rect:Rectangle = new Rectangle(10, 10, 200, 200);
addChild(rect);
rect.x = rect.y = 100;
adding a Mouse_Move event to the rect, i can trace mouseX and mouseY to receive the coordinates of the stage while moving over the rect, but how do i get the local x and y coordinates? so if i mouse over the very top left of the rect sprite, the mouseX and mouseY return 10 as the global coordinates, but how do i make it return 0 and the local coordinates of the sprite?
i assumed localX and localY was what i was looking for, but this doesn't work:
function mouseOverTraceCoords(evt:MouseEvent):void
{
trace(mouseX, mouseY, evt.localX, evt.localY);
}
View 3 Replies
Jul 29, 2011
When tracing the mouseX / mouseY or localX / localY coordinates of a display object, why does x start at 1 while y starts at 0? For example, I've drawn a simple 400 x 400 pixel sprite onto the stage with a MouseEvent.MOUSE_MOVE event listener that calls a handler function to trace the local coordinates of the mouse. The first, top-left pixel returns {x:1, y:0} and the last, bottom-right pixel returns {x:400, y:399}. Shouldn't both the x and y start and end with the same value? I'm not sure which makes more sense for a the first mouse coordinate (either 0 or 1) but it certainly doesn't make sense that they are different?
[SWF(width = "1000", height = "600", backgroundColor = "0xCCCCCC")]
import flash.display.Sprite;
import flash.events.MouseEvent;
var darkBlueRect:Sprite = createSprite();
darkBlueRect.x = 23;
[Code] .....
View 1 Replies
Jul 19, 2010
I have a custom class extending MovieClip, and in my code I add a few children to this custom class.When I add my mouse over event listener, it works, but it fires every time the mouse rolls over any of the children too!I only want it to fire once when the display object as a whole is rolled over.
View 1 Replies
Dec 14, 2008
I'm implementing a frame class that builds a graphical frame around children using 9 bitmaps (4 corners and 5 middle pieces).The frame extends sprite, and the 9 frame bitmaps are attached as children. They are repositioned as necessary to encompass any other children on the sprite.
This works fine, normally, but as soon as I rotate or scale the frame, the children split apart, showing what appears to be a one pixel or partial pixel gap between the pieces.
I've tried setting pixelSnapping = PixelSnapping.NEVER on the 9 bitmaps. I've tried turning smoothing=true. The children bitmaps are always positioned at integer x, y's, never fractional. I've tried setting the scale of the children bitmap to 1.01 and PixelSnapping to AUTO. None of it works.
View 4 Replies
Mar 25, 2010
I need a very special component written in ActionScript 3. It is a rectangle filled with a bitmap. The bitmap is loaded from an external URL based on some programmed rules. The textured rectangle is then animated using Flash CS. Animation is performed using rotate/translate/scale/skew tools. How to create such a component and add it to Flash CS library?
View 1 Replies
Jan 31, 2010
If I create a rectangle with 100px width and 100px height and then rotate it, the size of the element's "box" will have increased.With 45 rotation, the size becomes about 143x143 (from 100x100).Doing sometimes like cos(angleRad) * currentWidth seems to work for 45 rotation, but for other bigger angles it doesn't.At the moment I am doing this:
var currentRotation = object.rotation;
object.rotation = 0;
var normalizedWidth = object.width;
[code].....
View 4 Replies
Jun 3, 2009
In flex, when I put the mouse over a field that is not valid, a red popup appears which indicate the error message. By default, it's rounded by red.
Is it possible to display the red popup by default without mouse over it? because sometimes the red box is not clear enough and we have impression that the program is stuk
View 1 Replies
Feb 24, 2011
Within my component, I'm drawing some rectangles as below:
[Code]...
I need to display a custom tooltip for each rectange when the mouse cursor is hovering over it.
How can I do this? I'm using the MouseMove event to track when the cursor moves over these coordinates (that part is working), but when I change the tooltip text it's not refreshing
private function this_MOUSE_MOVE(event:MouseEvent):void
[code]...
EDIT: The problem seems to be with the following line:
ToolTipManager.destroyToolTip(_myToolTip);
If I comment out the preceding line, it will display the new tooltip, but it will keep creating new ones and the old ones never get removed. But if I add that line, it doesn't add any tooltips! Is the code not being executed sequentially, i.e., is the code to remove the tooltip somehow getting executed after the code to add the tooltip?
View 1 Replies
Jun 15, 2010
I would like to show a dataTip on a flex chart by setting the selectedIndex property of the AreaSeries. For instance, if selectedIndex = 2, then a dataTip appears over the third item in the series. Is this possible in Flex 3.5? .
View 1 Replies
Nov 1, 2010
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.
View 1 Replies
Oct 24, 2011
i want to rotate 3D an Image called img1 in Flex. I want to rotate it around y axis 180 degree. I can do this by using 3D effect already built in Flex but i want to do a bit more different. I want during rotating, there's another image called img2 appear on back of img1 (in default case, the image appear on the back is img1) and when rotating finish, the image will be img2.
View 2 Replies
Oct 29, 2003
how can i grab an object and rotate it with an object which is on it rotating [meaning that the second object is on the same possition on the first object?] can i make it being horizontal all the time?
View 14 Replies
Oct 13, 2009
I am having problems accessing sub-children of my displayObject. Here is my code:private [code]but it's not working.
View 1 Replies
Jul 20, 2010
I'm currently transforming some objects to make them appear far away using a PerspectiveTransform. This works well, but I have no way of knowing where on the screen the object is displayed. The x and y coordinates are the coordinates of the object if it were at z=0. How can I compute the display coordinates of my component?
View 1 Replies
Apr 1, 2011
I am trying to save a component as a JPG file and I can't seem to get the BitmapData.draw() to give me the pixels I'm expecting and instead I am seeing a plain white rectangle when I open the resulting JPG file. I am first creating an object which contains an image and a caption (the MultigraphCanvas below) and when I display the object as a pop up it looks perfect -- however when I try to draw it as a bitmap and then encode and save it as a JPG I don't end up with the same image I can display on the screen. [code]...
View 3 Replies
Jan 27, 2010
I have an object that points in the direction of another object (i.e. it rotates to the direction that the second objects x and y coordinates are at) below is the code I use.
var distx = target.x - x;
var disty = target.y - y;
var angle:Number = Math.atan2(disty, distx);
[code]....
as you can see. Not only does it rotate towards the target object, but it also moves towards it too. When I play the movie, the object instantly points to the targeted object and moves towards it. I would like for it to slowly turn towards the object instead of instantly turning towards it.
View 3 Replies
Sep 3, 2011
I want to handle the mouseevents for all the sprites on the stage including the one those are hidden behind (or overlapped or occluded) and the main condition is that I want to handle the occluded sprite (that hidden behind other sprite). example, say I have sprite1 and sprite2 on stage and I want to start drag whenever i click on the sprite and stop drag after another click.
This can be done easily, but the problem and my main requirement is that if I drag the sprite1 and drop it exactly on top of the sprite2 then sprite2 will be hidden behind the sprite1 I wont be able to drag the sprite2 without moving the sprite1 first. if you have played zynga's empires and allais game on facebook, it is handled seperatly, it is how it works in that game, the mouse event is triggered on the sprite behind the overlapping sprite, if you have two sprites overlapping one sprite than the mouse event is triggered on the sprite which is last and not the one in front irrespective of whether there is only one sprite overlapping or two or three and this happens to irregular shaped sprites (not just rectangles)
View 1 Replies
Jul 15, 2009
I'm trying to make a dummy from a circular menu that reacts (rotate) to mouse movement, I uploaded a fla example, different colors, size, etc, but essentially the same in
function; but for now I'm freezed how to do somethings, I'm not a programer or actionscripter, but I want to learn.Currently using CS3 and AS2, downloading the FLA example may help.
Ok, in the "fla", you will see a circle who rotates versus mouse movement (I would like to make a delay rotation for a smooth feelling when mouse is moving, those like "_x += (_xmouse/5)" but with rotation. Other thing I would like to do,is... that the movement stops progressively a few degrees before the mouse reach de cian angles(a1,a2), and then, the circles doesn't move if the mouse is moving under those angles, like a... an inactive area(U1), and if it could work with instances.
View 1 Replies
Jun 21, 2010
I am wondering how I can make a top viewed char, that is rotating after my mouse. With an enter frame function or something?
View 1 Replies
