Rotieren eines Bildes?

[Yooda]

Hallo ihr lieben,

ich habe wiedereinmal etwas, was mir Kopfzerbrechen bereitet.
Ich habe ein rundes Element in Photoshop gezeichnet.

Dieses möchte ich jetzt in Flash drehen lassen (möglichst ohne die häßlichen Drehungszacken).

Ich habe es als PNG exportiert, in Flash eingebaut, in AS dann den _rotation Wert in einem Intervall erhöht bzw. runtergezählt.
ALlerdings Rotiert das Bild scheinbar nicht um den Mittelpunkt, sondern um die linke obere Ecke. Wie kann ich ein Bild (möglichst schön) um seinen Mittelpunkt rotieren lassen?


Viele Grüße

David

[rendner[i]]

Das Bild einfach im MovieClip mittig ausrichten (kleines Kreuz im mc muss in der Mitte der Grafik sitzen).

[Der Frager]

Erstmal den Registrierungspunkt in die Mitte. Dann mal gucken, wie's so aussieht.
Falls es dir dann noch immer nicht gefällt, nicht einfach _rotation benutzen, sondern die Matrix-Klasse mit dazu nehmen.

Gab's hier auch gerade das Problem:

mc um 360° SEHR langsam drehen aber flüssig!

[Lebbomatic]

Du wählst das Bild aus, drückst F8 (Objekt erstellen) und Dopelklickst auf das neueerstellte Objekt.

Jetzt einfach Strg-Alt-8 (an Bühne ausrichten), Strg-Alt-2 (Horizontal zentrieren) und dann Strg-Alt-5 (Vertikal zentrieren) drücken.

[Yooda]

Hi,

danke erstmal für die Antwort.
Und eine Möglichkeit, dass die häßlichen "Drehzacken" nicht erscheinen?
gibts da auch eine Möglichkeit?

Viele Grüße

David

[rendner[i]]

Und eine Möglichkeit, dass die häßlichen "Drehzacken" nicht erscheinen?

Den Link vom Frager erst einmal abchecken...

[Yooda]

Jo, bin gerade dabei.

Ich meld mich mal gleich

Danke erstmal.

[Yooda]

So, also die Rotation läuft schonmal. Ausrichtung ist auch erfolgt. Verwebde auch die Matrik-Klasse. Nur: Die Ränder verwischen ziemlich.

In Photoshop kann man es ja auch "gerendert" rotieren.
Gibt es kein Format, welches mir das irgendwie eine besseres Ergebnis liefert?


Viele Grüße

David

[Der Frager]

Mach mal einen Rechtsklick auf die Grafik in der Bibliothek und guck mal unter Eigenschaften, ob da "glätten zulassen" angehakt ist.
Falls nicht, mal anhaken und gucken, ob's was bringt.

[Yooda]

Absolut verschärft!
Es haut richtig gut hin.

Super !!!

Danke

[Yooda]

noch eine letzte Frage.

Wenn ich das Bild um exakt 1° drehen möchte, welche Einstellung wäre da in der Rotation ratsam?
Grund hierfür ist, dass ich die Drehung gezielt stoppen möchte.


Bis jetzt sieht das ganze so aus:

import flash.geom.Matrix;
import flash.geom.Transform;
var fotosTrans:Transform = new Transform(fotos);
var mymatrix:Matrix = new Matrix();



function dreh_element(bis){
var hochzaehler = 0;
var speed 		= 0;
tf = setInterval(tfunc = function(){
	old_x = fotos._x;
	old_y = fotos._y;
	
	if(hochzaehler < 100){
	  speed = speed - 0.007;
	  }
	  else if(hochzaehler >= 100 && hochzaehler < 200){ 
		      speed = speed + 0.007;
	  		 }
			 else if(hochzaehler == 150){
				    speed = 0;
				   }
	
	
	mymatrix.rotate(speed);//mymatrix.rotate(-0.00099);hier spielen
	fotosTrans.matrix = mymatrix;
	fotos._x = old_x;
	fotos._y = old_y;
	
	hochzaehler++;
},50);	
}


dreh_element(1);

Viele Grüße

David

[Xavyre Wryn]

also ich könnte dir code zum drehen anbieten, da muss aber der registrierungspunkt oben links sein... da gehört er zum ordentlichen Coden auch hin ;P

var rotation:Number = 225;
rotate_pos = function(){
	if (rotation == 225){
		x_num = Aequ_mc._x + Aequ_mc._width/2;
		y_num = Aequ_mc._y + Aequ_mc._height/2;
		r_num = Math.sqrt((Aequ_mc._height*Aequ_mc._height+Aequ_mc._width*Aequ_mc._width))/2;
	}
	rotation+=5;
	if (rotation == 585){
		rotation = 225;
	}
	Aequ_mc._rotation = rotation-225;
	Aequ_mc._x = r_num * Math.cos(Math.PI * rotation/ 180) + x_num;
	Aequ_mc._y = r_num * Math.sin(Math.PI * rotation/ 180) + y_num;
}

Auqu_mc war mein zu drehender MovieClip mit rotation += 5 kannste ne 1 draus machen und schon hast du deinen Grad
In die andere Richtung bekommst du sicher selbst hin :>

achja, das ganze hab ich in einem Interval... stoppen kann man das dann indem du den Interval killst wenn "rotation" deinen bestimmten Wert erreicht hat

Grüße,

Xavyre Wryn

[ronnydrechsler]

Hallo Ihr Lieben,

@Xavyre Wryn einfach Klasse Dein Code:

var rotation:Number = 225;
rotate_pos = function(){
	if (rotation == 225){
		x_num = Aequ_mc._x + Aequ_mc._width/2;
		y_num = Aequ_mc._y + Aequ_mc._height/2;
		r_num = Math.sqrt((Aequ_mc._height*Aequ_mc._height+Aequ_mc._width*Aequ_mc._width))/2;
	}
	rotation+=5;
	if (rotation == 585){
		rotation = 225;
	}
	Aequ_mc._rotation = rotation-225;
	Aequ_mc._x = r_num * Math.cos(Math.PI * rotation/ 180) + x_num;
	Aequ_mc._y = r_num * Math.sin(Math.PI * rotation/ 180) + y_num;
}

Aber ich verstehe nicht die beiden Werte 255 und 585?
Kannst Du mir die verstädlich erklären?

Gruß Kuli

[Xavyre Wryn]

Naja 225° sind 5/8 von 360°, das ist genau der Winkel, an dem sich die obere linke Ecke des Movieclips befindet, wenn er waagerecht steht.
0° wäre bei einer analogen Uhr bei 15 min, 225° wären dann bei 52,5min.
Ich brauche den exakten Winkel um dann bei

	Aequ_mc._x = r_num * Math.cos(Math.PI * rotation/ 180) + x_num;
	Aequ_mc._y = r_num * Math.sin(Math.PI * rotation/ 180) + y_num;

die x- und y- Werte neu zu errechnen. Flash dreht ja immer um den Registrierungspunkt. Damit es so aussieht, als wenn um das Zentrum des MovieClips gedreht werden würde, müssen die x- und y- Positionen entsprechend geändert werden.
Verwirrend ist vielleicht der folgende Part:

	Aequ_mc._rotation = rotation-225;

aber das ist verständlich, denn Flash setzt die 0° dahin, wie der MovieClip am Anfang ausgerichet ist.

Warum 585? Das ist 225 + 360, also genau eine Drehung. Dann kann man "rotation" also statt 585 auch 225 benutzen, das hält die Variable klein und würde einen (unrealistischen) Überlauf des integer Bereiches verhindern wenn "rotation" irgendwann zu groß wird.

Grüße,

Xavyre Wryn