Actionscript 3 :: Rotate Movieclip On Different Axis On Mouse Position?
Mar 27, 2011
I am looking for direction to this old UFC effect - [URL] that appears on the main page. It is movieclips rotating on different axis based on the mouse position. So far I have found this script:
stage.addEventListener(MouseEvent.MOUSE_MOVE,EnterFrame);
function EnterFrame(e:Event)
{
mc.rotation = (180*Math.atan2(mouseY-mc.y,mouseX-mc.x))/Math.PI + 90;
}
But this only rotates on x and y. What's a way to approach this effect?
I have a mc that I want to continously rotate, I want it to rotate in whatever direction the mouse is from the center of the mc. If the user pulls the mouse out I would like for it to speed up and slow down accordingly.If this is not possible, I wouldnt cry. Any way when the user goes over a desiginated area I would like for the motion to stop until they pull away again.How would I go about doing this.I've seen this thread but don't understand where to attach the script, and I also need the stopping script
I have proper code to make objects rotate on an axis adjacent to the mouse. I also have proper code on how to make objects elastically bounce towards a specific x,y coordinate.
So far the code I have is for the object to follow the mouse when clicked. when the mouse is up, the objects (on a rotational axis) wind back to original position.
What I would like to do, is combine the formulas for rotation with the elastic formulas to bounce these objects back into place with rotational movement.
i have some script that creates a rotating video wall/carousel effect that rotates left and right depending on where the mouse is.I want the carousel to only rotate when the mouse is down and dragging - but just can't seem to work out what i need to change.how do I define the drag action instead of the current +x & -x co-ordinates?here is the full script for the entire carousel
I've put together this simple code for an SWF with three roll over images (called: Training, Resources and Contact).When I roll over Training I would like the symbol Training_txt to tween its alpha to 1 (from 0) and tween its y axis to 220 (from 83).When I roll out of Training I would like to run the two tweens in reverse.
This works fine for each of the three roll over images, so long as each tween is allowed to fully execute before a new tween is started. The problem arises if i quickly move the mouse curser between the three roll over images before the previous tweens have finished executing.In this instance, the tweened objects start to behave erratically. They usually return to their original position as per the roll_out tween but then start jumping between y axis 200 and y axis 83 (without tweening - they just appear).
I made a game in AS2 where the player rotates towards the mouse, then discovered you need AS3 for 3D things(which I plan to add later) so I re-made the game in AS3. I think I can more or less do the rest of it but the rotation is driving me crazy. This code works fine in AS2 but when I try it in AS3 it completely fails. The player just wobbles about a 90 degree radius.
Is it possible to rotate movieclip, while dragging, according to mouse direction and mouse x, y on that clip.
on the picture the 0, 0 of the mc containing red box is where the lines cross, the mouse point is indicated with cursor and around it is the circle where clip's x and y should be constrained and movieclip should rotate according to mouse movement direction for example: when mouse is moving straight down then the clip's x, y rotates up and stops when its 12 o'clock...
make some kind of Compass and I want to know how I could make the needle spin around its own axis with one of the ends following the mouse pointer. how could I do that?
Okay I have a script in which I have added an image to the stage. It is absolute centered. I then have another with is on top but much bigger. I would like the big image to move opposite of my mouse position on the smaller image. ie: cursor is on bottom left corner the bottom left corner of the larger image is in the same spot. And the same thing for any other area.
I have tried many different ways but to no avail. I have done research but no one has been able to give me a solid answer. Anyone know of a way to accomplish this. Keep in mind this it needs to work regardless of the image size.
I'm using CS3 with ActionScript 3.0. What I want is simple, and I've done some searching but nothing that can get me the right results.I'm going to post a link that does exactly what I want: http:[url]......This rotates the circular object around a center point in a way that you can distort the object yet is still remains turning in a circular motion. A simple motion tween rotating the image will only work if the object is perfectly round, so distorting the object to make it more straight or curved won't work with a simple tween. I want to do exactly what is happening here (with my own object), is there some AS3 behind the scenes here making this turn on a center point?
I've got a 3D model at hand, which I have imported as a movie and an image sequence of each frame depending on which is necessary. I basically would want to rotate it by 360 degree both on the x and y axis on a canvas as well as having that done manually, such as having to drag my mouse to control which direction the model rotates in. Can I do this in Flash?
THere are 3d carousels in Web Sites for displaying image galleries which require that images are rotated in the z axis. My requirement is to do the same but for a complete flash animation so that the flash animation is displayed slightly tilted in the z-axis
The kind of tilt I am talking about is similar to the tilted images in [url]...
My requirement is to play a flash animation inside the image of a mobile phone which is tilted hence to fit the animation inside the screen of the mobile phone image, the animation also needs to be tilted
In the following, the slider sets the rotation angle of a simple Sprite around the Y axis. But the Sprite has a z coordinate set to 200, meaning the sprite is 200px behind the Stage plane. As you rotate it, it seems to rotate around it's own Y axis, not he Stage's y axis 200px in front of it.I would have expected the rectangle at 90 degrees rotation to be edge-on and 200px off to one side of it's original center.
Code: import fl.controls.Slider; import fl.events.SliderEvent; var slider = new Slider();[code].........
I am trying to have a button and text rotate on the 3d X axis. Only when the mouse hovers over the actual button.I also want it to rotate on the center right now it is rotating from the top, I think I picked top left registration, and I'm not sure how to change that if that is the cause.Here is what I have do far:
home_mc.addEventListener(MouseEvent.MOUSE_OVER, rotate3d); function rotate3d(evt:MouseEvent):void { home_mc.rotationX += 10 }
I'm not too good with for loops yet and I am guessing that is what I need to mimic the rotation.
i've been working with Senocular's tutorial for 3D scripting : [URL] //great work, by the way I made a drag function for it .. My question is how to change the code to actualy rotate on the z axis of the cube... In his tutorial the cube rotates around the z axis of the stage no matter how other axis are rotated. I think the part of the code that needs to be changed in order to simulate a more realistic rotation on z axis is :
Is it possible at all to have a cube rotate on its Y axis using the Tween class? transitionManager only seems to allow rotation around the z axis.. Is Papervision 3D the only way to achieve this? It seems awfully difficult for a newbie such as myself.
I'm using CS3 with ActionScript 3.0. What I want is simple, and I've done some searching but nothing that can get me the right results. I'm going to post a link that does exactly what I want:This rotates the circular object around a center point in a way that you can distort the object yet is still remains turning in a circular motion A simple motion tween rotating the image will only work if the object is perfectly round, so distorting the object to make it more straight or curved won't work with a simple tween. I want to do exactly what is happening here (with my own object), is there some AS3 behind the scenes here making this turn on a center point??
I want to rotate two images on the y axis. For instance I got two cards, front and back. On EnterFrame I want the rotating movieclip to exchange the front and back cards. I believe I got everything setup I just need help with getting the images to rotate once at that 90 degree angle (you know the angle where we can't see any side of the image/thing rotating?
Thus I'm trying to do something like this but on ENTERFRAME instead of a button click:
using CS3 with ActionScript 3.0. What I want is simple, and I've done some searching but nothing that can get me the right results. I'm going to post a link that does exactly what I want:This rotates the circular object around a center point in a way that you can distort the object yet is still remains turning in a circular motion. A simple motion tween rotating the image will only work if the object is perfectly round, so distorting the object to make it more straight or curved won't work with a simple tween. I want to do exactly what is happening here (with my own object), is there some AS3 behind the scenes here making this turn on a center point?
I'm trying to make a 3d cube rotate only in the x-axis 90 degrees when you press a button and 90 degrees the other way when you hit another. I have this code to get the 3D:
Code: // formation of 3D Cube2 starts here container.getChildAt(0).rotationY = 90; container.getChildAt(0).x = -75; // move the on of side panel to 75px right; container.getChildAt(1).rotationY = -90; container.getChildAt(1).x = 75; // move the on of side panel to 75px left; [Code] .....
And the cube rotate to one side or to another. But it rotate only a little each time I clicked some of the buttons and I want that the cube rotate 90 degrees with an animated movement. How can I get this?
I am trying to rotate a image using rotationY but it always rotates based off of the left side of the image is there a way to change the rotation point to be the center of the image? Is seems like you should be able to use the transformAround() method but I am having problems finding a example of the transformAround that has to do with images. Does anyone have any examples of how do this or am a going about this the wrong way? What i am trying to do is build a slide show that rotates around and you tap on the images to enlarge.
I would like to use a movie clip such as a rim from a car and rotate it on its x axis centered and then move it along the screen according to how much of the screen has loaded.here is what I have so far sorry it may be a little messy:
stop(); //rotate the rim rim_mc.addEventListener(Event.ENTER_FRAME, rotateRim);
[code]....
NOTES: the function rotateRim works correctly rotating the rim the var xpos provides me with the correct position i would like my X position to be and traces it out perfect upon test if trace is coded for it.
I am trying to rotate a symbol on the x axis mulitple times for an animation I am doing. The problem is everytime I try to do a complete rotation, the symbol rotates fine until I hit 180 degrees, but once I go past that mark, the symbol just starts rotating backwards. Is there a certain way I have to do this in order to get a complete rotation in one direction?
The idea is I have 3x3 containers(Sprites) - each one holds 2 tiles of 2 two images (shown one and unvisible - laying behind) . So there are 9containers and 18 tiles. When I click on the image I get rotation of the containers, and when every container is about 90 degrees, its childs swap each oher. So in result I get second image shown. But unfortunely then, shown image is rotated by 180 degrees, that means its left side is on the right. Pre rotating containers ( of tiles gives total mess, as middle tiles seem to be right, but left side of the image and right doesnt match to rest.So I need to rotate tiles, which are bitmapData - parts of Bitmap. But I can not rotate them - there is no property .rotationY for bitmapData, and I can not use matrix's rotate() method as it traits only angle rotation and not axis rotation.If I rotate by Y axis the bitmap before slicing it to tiles nothing happens, so I guess draw method relies on default Bitmap.
So Q : How can I rotate on Y axis a bitmap to have mirror reflection of the image and then apply it reflected to the as a .bitmapData property and slice it to small pieces.
