Flex :: Rotate A Centered Container From It's Center
Nov 23, 2009
I am trying to rotate a centered container from it's center. The problem with this code is when I use the rotatePicture method, it doesn't rotate from the center, instead it rotates from the box's top-left corner. Here's the code...
I'm trying to rotate a point in my Canvas from a given point (center). In my MouseDown handler, I save the point where user click (oldPos), and in my MouseMove handler, I'm doing this:
private function onMouseMove(event:MouseEvent):void { // Where the user pointer right now
I have container movieclip and one mask layer with the height and width of the current screen. The continer is always bigger than the mask clip. so i need to zoom the container at the center of the mask clip. something link in MicroSoft XL zoom controller at the bottom right.
EDIT 1
private function slider (event:Event) { //event.target.value = 0 to 1 // possible values are 0, 0.1, 0.2, 0.3, ... 0.9, 1
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?
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 using the following script in AS3 in order to rotate an MC around its center:[code]Works great, only rather than a CLICK, I would like the mouse to cause the MC to rotate in response to the mouse's movement up and down the y-axis of the MC I want to rotate. How can I write a script so that the mouse location in relation to the y-axis of a specific MC will trigger something?
I am looking to add a print job to my flash presentation. I have the basic code and can get it to print, but I have to manually set the printer to print landscape and the image is in the top left corner. If it was just for me it wouldn't be a big deal, but a lot of our presentations go to lawyers and judges so we would like to streamline their results as much as possible. Is there a way to tell it to rotate 90 degrees and center itself on the page. Below is the code I am using. I tried to use some parameters to set it for landscape, but they don't seem to work. My doc size is 720x540.[code]
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 want to rotate a movieclip depending upon the mouse movement. Rotation is working also but I want to rotate it from the center of the movieclip. The registration point of the movieclip is top - left
Code: var radiance:Number = 180/Math.PI; _root.onEnterFrame = function() {
I am curious abut two things... 1. Instead of a Bar at the bottom I wanna use a MC that will rotate in the center of the stage... With one half acting as a paddle, and the other side being a game over or life over side...
2. Also with the MC in the middle i want to use the arrays to make a pattern or whatnot *grid* around the middle move clip, so there is only one way to die and that is from the ball MC hittin ghte backside of the middle mc?
I want to rotate a movieclip depending upon the mouse movement. Rotation is working also but I want to rotate it from the center of the movieclip. The registration point of the movieclip is top - left
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).
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?
Im working on a racegame Actionscript 3. When the car is moving I want it to rotate the wheels. The problem is, is that I have 2 movie clips in 1 movieclip (front wheel and backwheel). Is there a way to code 2 center rotate points?
I have a round movieclip ( like a ring or clock ) and i want to press and drag it to rotate it around it's center ( AS3 ). I tried hundreds of ways but none of them works perfectly. I think i miss something in trigonometry and flash's rotation concept.
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(){
I have a container in which I want to attachMovie a movieClip.I figured out how to resize the movieClip to fit the Container but what i want now is to make it be attached in the center of container.I can't use the name._x = because the movieClip I want to attach is created via as after some values inputed by the user so i do not know where it's registration point will be. I thought of using the name._width and name._height but as it is normal to be it's always positive so I can't figure if the registration point is in the top left corner or the bottom right corner or anywhere else. What I think I might need is to always set the registration point to the same spot. To explain better and shortly how it works: I attach a movieclip (dot) at x=0 y=0.then another one(a line) from x=0 y=0 at a certain angle imputed by the user and another line also with angle and length seted by user etc. so I do not know where they go from the 0;0 dot.
this["recipe"+i] = new recipelistname(); this["recipe"+i].buttonMode = true; this["recipe"+i].recipeid = i;
[Code]....
The problem is that the movieclip rotates around the center. The textfield inside the movieclip is starting at 0,0. But it still rotates around the center, how can I make it rotate at 0,0?
I need to make a MovieClip rotate around it's center point to the left or right depending on mouse drag. I got some basic semblance of what i want going, but it's pretty hackish. Normally i calculate the angle and such but i only really need to use the distance the mouse travels and apply it to the movieclip and for flavor add some nice easing when you let go.
public function Main() { var wereld:MainScreen = new MainScreen(); addChild( wereld );
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?
In a Flex Mobile project I have a simple itemRenderer where I'm trying to create an "bubble" texting effect, similar to ichat or iphone (just so you get what im going for). But if the text is longer than the screen it runs off, rather than just going down a line.
If I set Group thats holding the rectangle(to create the bubble effect) and the label to 100% it works and keeps it from exceeding the list containers bounds, BUT the group is always at 100% and looks bad, I'm trying to keep the "bubble" JUST AROUND the text.
Anyway so, at the top of my itemRenderer I tried specifying:
And here's my layout I figured since msg_container has a width of 100% I was hoping bubble_lable_group would just not exceed that but...it doesnt...it just runs off. I tried setting a max width but that does not allow you to input percents. And just to say it 1 more time. I know if i set bubble_lable_group width to 100% it works, and keeps it from going off the edge, but then the rectangle "bubble" stretches all the way across and just looks bad.
I have a loop that goes through data from a book and displays it. The book is not consistent in it's layout so I am trying to display it in two different ways. First way(works fine) is to load the text from that section in to a panel and display it. The second way is to create a new panel (panel creates fine) and then add collapsable panels(nested) to that panel. Here is the code from the else loop.
else if (newPanel == false){ // simpleData is just for the title bar of the new panel // otherwise the panel has no content
[Code]....
The error I get is: ReferenceError: Error #1069: Property panel4.4 not found on components.readTest and there is no default value.
I have tried setting the "name" property instead of the "id" property.
I am creating an flex Air project,so mxml file will run. I have circles in one Big circle at one side and will be same on other side.
Now how to drag any circle from any Big circle to other side. Or it could be like any two container having circles, then how to drag and drop circle?
For one circle i am able to do drag and drop.But I want one Big circle on left hand side and one big circle on right hand side .And small circles with class names will be in these big circles.Now i want to drag and drop those small circles in big circles.Big cicles should not move. Even i have tried this code in actionscript
I'm currently working on a custom component which extends Canvas (let's call it SuperCanvas) ; it's basically a container that let you zoom & pan its contents. It would be too long to explain why, but I can't use scrollRect, so I was forced to declare a Canvas object (called innerCanvas)... inside my SuperCanvas (I know, not very nice =/) I would like to know if there's a proper way to "redirect" the creation of my component's children in this canvas.
I have a Flex app. and have a top banner where I have one graphic I want left aligned, one graphic I want to hug to the right, then some text I want always centered in between the two. Which layout do I use to do this?