Flex/ActionScript - tourner Sprite autour de son centre

J'ai créé un Sprite dans Actionscript et l'a rendu à un Flex de la Toile. Supposons que:

var fooShape:Sprite = new FooSpriteSubclass();

fooCanvas.rawChildren.addChild(myshape);

//Sprite shape renders on screen

fooShape.rotation = fooNumber;

Cela va tourner ma forme, mais semble tourner autour de la partie supérieure gauche
point de son conteneur parent(la toile).

Comment puis-je forcer le Sprite à tourner sur est propre centre? Je pourrais évidemment
écrire du code pour calculer la rotation, et pour le rendre à nouveau, mais je pense qu'il y a
doit être intégré dans la façon de le faire, et ne voulez certainement pas à "réinventer la roue"
si cela est possible.

Je suis avec FlexBuilder, et, par conséquent, n'ont pas accès à la totalité du Flash de l'API.

Merci beaucoup!

OriginalL'auteur meiguoren | 2009-06-14

11

Les étapes suivantes sont nécessaires pour faire pivoter des objets en se basant sur un point de référence (à l'aide de La matrice objet et getBounds):
1. Matrice de translation (déplacement vers le point de référence)
2. De la matrice de rotation
3. De la matrice de traduction (retour à la position initiale)
Par exemple pour faire tourner un objet de 90 degrés autour de son centre:
```
//Get the matrix of the object  
var matrix:Matrix = myObject.transform.matrix; 

//Get the rect of the object (to know the dimension) 
var rect:Rectangle = myObject.getBounds(parentOfMyObject); 

//Translating the desired reference point (in this case, center)
matrix.translate(- (rect.left + (rect.width/2)), - (rect.top + (rect.height/2))); 

//Rotation (note: the parameter is in radian) 
matrix.rotate((90/180)*Math.PI); 

//Translating the object back to the original position.
matrix.translate(rect.left + (rect.width/2), rect.top + (rect.height/2)); 
```
Principales méthodes utilisées:
c'est agréable de paramétrer le deg pour rad de conversion dans le cas où quelqu'un (comme moi) n'ont pas l'effacer. c'est à dire: rad_angle = angle*(Math.PI/180) Aussi, le facteur peut être mis en cache pour la vitesse. Aussi la réutilisation de la matrice fonctionne, mais j'avais besoin de reasign la matrice de l'objet. (au moins sur le html5 & neko)

OriginalL'auteur Ronnie Liew

N'ai pas eu beaucoup de chance avec les autres exemples. Cette une a fonctionné pour moi. Je l'ai utilisé sur un composant UIComponent.

http://www.selikoff.net/2010/03/17/solution-to-flex-image-rotation-and-flipping-around-center/

private static function rotateImage(image:Image, degrees:Number):void {
//Calculate rotation and offsets
var radians:Number = degrees * (Math.PI / 180.0);
var offsetWidth:Number = image.contentWidth/2.0;
var offsetHeight:Number =  image.contentHeight/2.0;

//Perform rotation
var matrix:Matrix = new Matrix();
matrix.translate(-offsetWidth, -offsetHeight);
matrix.rotate(radians);
matrix.translate(+offsetWidth, +offsetHeight);
matrix.concat(image.transform.matrix);
image.transform.matrix = matrix;

}

ton exemple fonctionne très bien, voir mes autres commentaires, peut-être la vôtre didint travail parce que vous avez besoin pour reassing la matrice. stackoverflow.com/questions/993445/...

OriginalL'auteur irongamer

En fait j'ai dû ajouter ce code pour obtenir des solutions de travail pour moi.

private var _rotateCount = 0;
var _origginalMatrix:Matrix=new Matrix();
.........
if (_rotateCount++ >= 360 / angleDegrees)
{
    myObject.transform.matrix = _origginalMatrix;
    _rotateCount = 0;
            return;
}

var matrix:Matrix = myObject.transform.matrix;
....

Sans que, après de longs temps de rotation de l'objet se déplace lentement à quelque part en haut à droite.

OriginalL'auteur dead_OTMOPO3

-1

Une solution alternative est de mettre votre objet à l'intérieur d'un autre point de Vue, déplacez-la de sorte que l'image du centre est le conteneur du coin en haut à gauche, puis tourner le récipient.
```
import spark.components.*;

var myContainer:View = new View();
var myImage:Image = new Image();

myContainer.addElement(myImage);
myImage.x = myImage.width / -2;
myImage.y = myImage.height / -2;

addElement(myContainer);

myContainer.rotation = whateverAngle;
```
Un problème pourrait être que la largeur de l'image n'est pas de savoir au moment où il est créé, de sorte que vous voudrez peut-être trouver un moyen de contourner cela. (Coder en dur, ou voir si myImage.preliminaryWidth œuvres)

OriginalL'auteur Niels

-1

/**
* Rotates the object based on its center
* Parameters: @obj => the object to rotate
* @ rotation => angle to rotate
* */
public function RotateAroundCenter(obj:Object, rotation:Number):void
{

var bound:Rectangle = new Rectangle();
//get the bounded rectangle of objects
bound = obj.getRect(this);

//calculate mid poits
var midx1:Number = bound.x + bound.width/2;
var midy1:Number = bound.y + bound.height/2;

//assign the rotation
obj.rotation = rotation;

//assign the previous mid point as (x,y)
obj.x = midx1;
obj.y = midy1;

//get the new bounded rectangle of objects
bound = obj.getRect(this);

//calculate new mid points
var midx2:Number = bound.x + bound.width/2;
var midy2:Number = bound.y + bound.height/2;

//calculate differnece between the current mid and (x,y) and subtract
 //it to position the object in the previous bound.
var diff:Number = midx2 - obj.x;
obj.x -= diff;
diff = midy2 - obj.y;
obj.y -= diff;
}

//////////////////

Utilisation:

vous pouvez utiliser la fonction ci-dessus, comme décrit ci-dessous,

var img:Canvas = new Canvas()
RotateAroundCenter(img, rotation);

Cela vous aidera à

REf: http://subashflash.blogspot.in/2010/08/rotation-of-object-based-on-center.html

OriginalL'auteur Subash Selvaraj

-1

Si vous souhaitez tourner autour du centre, du seul centre de l'actif à l'intérieur de votre sprite par le réglage interne de biens x et y à la moitié de la largeur et de la hauteur de l'actif. Cette bouillie centre de votre contenu et permettent de tourner autour d'un point central.

Un exemple d'exécution chargés de l'actif est comme suit:

var loader:Loader = new Loader():
var request:URLRequest = new URLRequest(path/to/asset.ext);
loader.contentLoaderInfo.addEventListener(Event.COMPLETE, _onLoaderComplete);
loader.load(request);

private function _onLoaderComplete(e:Event):void
{
    var mc:MovieClip = e.target.content as MovieClip;
    mc.x = -mc.width * 0.5;
    mc.y = -mc.height * 0.5;
    mc.rotation = 90;
    addChild(mc);
}

Ce n'est pas ce qui était demandé

OriginalL'auteur Brian Hodge

Vous devez vous connecter pour publier un commentaire.