ActionScript 3.0 :: Rotate Object Around Center Axis?
Oct 4, 2010
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 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'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 am making a small tool for making simple T-Shirts designs. Everything is perfect except that I don't manage to rotate an item the way I want. I am makeing everything from ActionScript. When I load an image on the design it is added to the stage. I have an object called "ImageView" that extends MovieClip. It has some properties and some methods (ex kill() that removes the object and all associated listeners). In this object I also add the image that is loaded from a location. When I click on the item another object "Transformer" is added on the stage. It surrounds the ImageView and adds some controls for rotating and scaling the image.
My problem is when I rotate the ImageView. It rotate according to (0,0) (obviously). What I want is to be able to rotate it according to the center of the ImageView. A solution is to set the picture inside the ImageView in such a way that (0,0) is the center of the picture. But I try to avoid this since it will cause some problems (that will requiere more coding) at "TextView" (a class that has text instead of an image).
I'm not the swiftest when it comes to math, but usually I can figure out through trial & error how to modify AS. For the life of me I can not figure out where this AS gets it clockwise rotation, so that I can change it to counterclockwise.
Code: onClipEvent(load){ this.rotation_speed = 2; function origin(){
What code would I use to change the focus of an object so it would rotate around the center of the screen like for a car game with a scrolling ground that moved based on key presses?
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?
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 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 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:
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 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 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.
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 nedd to build a "See if you have the right weight" wheel in Flash. It have to be a small wheel over a bigger one. The top one have to be drag and drop like it was pined to the other one, so it rotates around the center axis (when click and drag with the mouse over), allowing us to match the scales in the wheels as we like.
I've found a lot of tuturials about drag and drop objects in Flash, but freely, not around a fixed center axis.
I have 4 movie clips rotating around a center axis. I know how to make each one pause individually, but I don't know how to get them all to pause when you roll over just one of them. Right now it only pauses the one you roll over and the others continue to rotate. I have this code pasted into the actions of each movieclip that is rotating.
Code: onClipEvent (load) { var radius = 220; var speed = .6; var xcenter = 450; var ycenter = 300; [Code] .....
