ActionScript 2.0 :: Rotating Dynamically Fed Photo Around A Center?
Sep 6, 2006
I'm doing a little photo rotation front-end for a site I'm working on. It's a custom photo gallery site that needs to have a photo rotation functionality to it. The back-end developers couldn't find a decent way to do it in Javascript, so they've come to me to figure it out in Flash.They pointed me to the Flickr rotation tool as an example. Seems like it should be straightforward:Load photo into empty movie clip on stageRe-center photo movie clip to the stageUse left/right rotation buttons to rotate image in 90 degree incrementsThat said, I'm having a tough time, after I load a photo into the empty movieclip, using a rotate left and rotate right button to spin the photo around. Obviously, the registration point is in top-left corner of the photo movieclip when the photo is loaded.
I've read that rotation can be managed by putting the clip to be rotated into an outer clip, but...there's a catch......I won't ever know what the exact size of the photo being loaded is going to be, so I can't set the outer clip to a certain size. I only know that it will never be wider than 100px.
i have a triangle that i generate using the following code:
Code: Select allinternal function generateTriangle(w, h, topPoint, color = "0xFF9900") { var triangle:MovieClip = new MovieClip(); with (triangle.graphics) {
[Code]....
I use this function and a foreach loop to generate 9 differently colored and sized triangles, which works fine when i place them on the canvas. But if i try to rotate them they rotate around the 0,0 point - i want them to rotate around the center of the individual triangles, how do i do that?
1. How do i move a dynamically generated triangle inside a movieclip? Solved using [URL]
2. How do i access each of the triangles inside the movieclip, or even better, place them in 9 different movieclips using addChild so that i can move them around individually?
my problem is that even if the registration point of the MC I want to rotate is in its center it keeps rotating in its upper left corn.The MC is a jpg I load dynamically.The syntax I use is : _root.photo._rotation += 90;
I have been working on this and thinking about it for days but I just can't seem to get it right. I want to have a circle that I can "pick up" with the mouse and then rotate (with the rotation point in the center). Currently I have done this with the following code:
PHP Code:
var radians = Math.atan2(mouseY-circle.y, mouseX-circle.x); var degrees = Math.round((radians*180/Math.PI)); circle.rotation = degrees + 90;
I have added a mouse listener for movement to the circle mc and then checked if a button was down. On button down this code would be executed on enter frame. This code works but the main problem is that I want to be able to "pick the circle up" at any angle and rotate it. If I pick it up with this code the circle automatically rotates to 90 degrees.
All I need to do is rotate an object (which could spawn at any point along each of the four edges of the screen) so that it faces towards the centre of the screen. Obviously this will be done using the .rotationZ property. I will know the starting point of the object, and the centre point of the screen (400, 300). The object begins facing directly 'up' (e.g. if it spawned directly below the centre of the screen it would already be at the correct angle).
a movieClip that contains a polygon and some circles at the angles of the polygon. I want to use the circles as rotation handles.Now the code below works but it terribly, terribly slow.I've seen a couple of other examples of rotation using the mouse position, but I want the polygon to rotate via the handle; I think that means the angle of rotation needs to be updated each time the mouse moves.Is there a cleaner/more efficient way to do this?Also, this works only for one direction right now no matter the x/y direction you move the mouse.
public function mouseDownRotate(event:MouseEvent):void { // get the global x and y of the dragged piece (offset so it looks like it's rotating around the polygon's center
I searched online and found this script that is supposed to rotate and image but I'm not sure how to use, where to put in the degree angle that I want my sprites to rotate by. Also, I get an error. 1084: Syntax error: expecting identifier before leftparen. 1084: Syntax error: expecting rightparen before leftbrace.
var point:Point=new Point(spr_box.x+spr_box.width/2, spr_box.y+spr_box.height/2); rotateAroundCenter(spr_box,45); function rotateAroundCenter (ob:*, angleDegrees) {
I have spent hours trying to figure out how i could rotate a loaded movie through the centre axis rather than the set point set by flash in the left corner.
I am trying to rotate some points around the center of the circle(0,0), however I'm getting weird values from the output. I've commented the problem code..
Code: var r:Number = 10;//radius var y:Number; var x:Number; var a:Number = 90;//angle of which the semi-circle is facing.. could be a random angle. var ax:Number;//rotated points [Code] .....
I am using the semicircle in BitmapData collision checking with getPixel(), with a moving circle...
I am in the midst of finishing up a design application where you can upload images and colors. I use the greensock transform manager. I am taking anything a user does and recording it so I can recreate what they made on larger scale behind the scenes (to be exported for printing purposes)
The problem I am running into is with rotation and moving x and y values. The transform manager does everything relative to a center point, but when i recreate the image object the registration point is at the top left. I have found how to rotate around the center of the object using the transform matrix, but I can't seem to move the x and y correctly because these values change when you rotate. I want to just move the image to the left or right relative to the center. How could I go about doing this.
Here is how I rotate.
private function rotateAroundCenter (ob:*, angleDegrees:Number, ptRotationPoint:Point) { var m:Matrix=ob.transform.matrix; m.tx -= ptRotationPoint.x;
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] .....
I am following the 3d flash panels tutorial located here. My ActionScript matches exactly to the tutorial at 11:54 excepting the document size because it is different in my document.
Code: Select allpackage [code]..........
I have the TweenLite com folder in the folder that the FLA is located in, and my document class is named PhotoPanels as in the movie, but my images are not rotating as they do in the tutorial at this point.
[URL]I'm using this code and I made some changes like freezing the rotation when the mouse is over the rotation entities. But I'd like to stop rotation when the mouse leaves the stage. How can I do?This is my code
I wrote some code for the thing I was working on, yet the problem is that when you grab the wheel and spin it again, I want it to stay in the same position and rotate instead of reseting.
(The holes are markers)
I don't mind if you just want to upload it. But if you do, follow my method (I don't know, say for example using masks or something), and just add new variables if needed.
how to rotate about the center an image loaded dynamically through AS? I've already asked this question, no one answered, I searched, searched some more, looked through my fairly voluminous collection of example flas and have come up with nothing.The following code does rotate a mc about its center, but only (apparently) if the mc contains something when the swf loads.
Code: onClipEvent(load){ this.rotation_speed = 2; function origin(){[code].....
I'm using Adobe Flash CS4 professional for this Actionscript 3.0 project. This error always shows up whenever I compile it: "Line 65 - 1093: Syntax error" Haven't I had the parentheses right?
Code: //Save the center coordinates of the stage var centerX:Number=stage.stageWidth/2; var centerY:Number=stage.stageHeight/2; //The number of items we will have (feel free to change!) var NUMBER_OF_ITEMS:uint=15; [Code] .....
I just want to center my dynamically loaded movieclip, into it's container box. Not center on the stage, but make it center with the container_mc it loads in.
You know when you load a external swf, it loads from the top left corner. How can the loaded image or movie load centered instead of aligned top-left?
I am actually using the XML thumbnail gallery here at kirupa. [URL]
I have several images that are loaded dynamic.Now I want them to center in the container.How is that done? I can get the width and height but I can't adjust the x values on the loaderinfo object. Heres part of the code:
... part of function ... for (var i:uint=0; i<numPictures; i++) { var pictLdr:Loader = new Loader();[code].......
I have a presentation with various embedded and external videos linked to it. I need them to be positioned in the center of the screen no matter what resolution the user is running, therefore I need to position them dynamically and not with specific co-ordinates. I have found a link and some code that does this, but its a big chunk of code and I would like to put this code in my main .as file, as a function, and then in my main timeline when I have a video - just use one line of code to call the function and apply it to a movieclip with the video inside.[code]...
I have a presentation with various embedded and external videos linked to it. I need them to be positioned in the center of the screen no matter what resolution the user is running, therefore I need to position them dynamically and not with specific co-ordinates. I have found a link and some code that does this, but its a big chunk of code and I would like to put this code in my main .as file, as a function, and then in my main timeline when I have a video - just use one line of code to call the function and apply it to a movieclip with the video inside.
Using the new 3D features in CS4. I know you can change the 3d center point manually via the Transform panel, but does anyone know how to do this dynamically at runtime? (ie via code)
Having trouble with this one, let's say I have a 800x600 stage with a movieclip on stage. Now inside this mc I have a red dot thrown randomly somewhere inside. How can I make my mc move so that it centers that red dot to the center of the stage? I need the animation to be dynamic but I can't figure out the formula to do it
I'm finishing up a project that has a grid of 60 buttons -- two different button movieclips on which I've done some scripting for links, alpha tweens, etc. Each instance of the movieclip button is uniquely named.
In side each of the two different style of movieclip buttons is a dynamic text field that, unfortunately, is sized to the dimensions of the movieclip background. Thus, when dynamic text is pulled in (from XML-based arrays) to populate the movieclip buttons, it is top aligned if only 1 line long. Given this current setup, how can I dynamically center (vertically and horiztonally) the dynamic text field within each of the two movieclip buttons?
I've read a few of the other threads on this subject but still had no luck. I'm loading jpgs via an xml file and the pics are all diffrent sizes. I'm trying to figure out how to center the image once loaded, but am running into brick wall after brick wall.[code]...
I have created a slideshow, in which image is loaded dynamically from a xml. the issue is the images gets aligned to left ,top position by default. i want it to center align.
I have created a slideshow, in which image is loaded dynamically from a xml. the issue is the images gets aligned to left ,top position by default. i want it to center align.
I have just started to learn more about XML in Flash but so far it's all a bit confusing. I have this photo site that I'm working on at the moment and I can't figure out how to load dynamically specified photo galleries. I load in my XML on the first frame of the root timeline with this script:
