Adobe Flash CS5 - Kreis/Pfeil soll sich öffnen

[crizzo]

Liebe Community,



ich habe eine frage zu meiner gebauten Flashanimation.


Bisher ändert sich die Größe des "Swatches" aufgrund der Zahl die ihm übergeben wird.
Sprich: Steht in der Mitte die Zahl 5, wird er z.b. nur mit 10 % dargestellt, sollte jedoch
500 in der Mitte stehen, mit 100 %. (Ihr könnt dies meinem Script entnehmen)


Nun zu meinem Problem:


Ich möchte versuchen, dass sich der Pfeil im Uhrzeigersinn öffnet. Das heißt, er soll von unten rechts anfangen sich "aufzubauen" bis er dann an der Pfeilspitze fertig da steht. Das heißt, ich benötige eine unsichtbare Ebene vor dem Pfeil, welche sich langsam schließt und damit der Pfeil vom Anfang bis hin zum Ende sichtbar wird.


Ich kann mir nicht so genau vorstellen, was ich für einen Ansatz nehme.


1. Überlegung:
Ich baue eine zweite Ebene mit ein, mit einem Kreis der sich transformiert und gegen ende dann nur noch in z.b. 1/8 des anfangskreises da steht (aber ich weiß nciht wirklich wie)


2. Überlegung:
Ich splitte den Kreis in z.b. 2 ° große Stückchen auf, und lasse diese nacheinander verblassen, das heißt es enstünden 180 Stücke jedoch weiß ich nicht wie es dort mit der Verzögerung aussieht.
Kann diese Methode im Endeffekt überhaupt noch "flüssig" laufen?


3. Überlegung:
Wäre es möglich aus einer einfachen Linie durch Transformation einen Kreis entstehen zu lassen?


Würde mich sehr über eure Hilfe freuen!


criz

[Wanderratte]

Hallo,

da ich nur cs3 habe kann ich mir deine Fla nicht ansehen.
Allerdings sollte dieses Prinzip für deinen Kreis auch umsetzbar sein.

[crizzo]

Habe mir das Tutorial mal durchgesehen...

Auf die Idee kam ich auch schon, Bruchteile vom Kreis zusammenzufügen, jedoch muss es meiner Ansicht nach eine andere Möglichkeit geben.

Wäre es nicht möglich, dass man vor den Pfeil ein Kreis legt, welcher sich öffnet/aufbaut, bzw schließt/abbaut?

[Wanderratte]

Hallo,

du kannst dich mal mit Formtweening beschäftigen, damit könnte es gehen.

Oder halt Scriptmäßig:

Zum Testen:
Du stellst auf as2 um
Danach erstellst du auf der Bühne eine großes Rechteck und daraus machst du einen MC.
Im Anschluß daran vergibst du ihm einen Instanznamen: test_mc
Dieses Script kommt auf das erste Schlüsselbild:

var obj = this.createEmptyMovieClip("kreis_mc",1)
drawCircle(obj,100,100,50);
function drawCircle(mc:MovieClip, x:Number, y:Number, r:Number):Void {
    mc.lineStyle(2,0xFF0000,100);
    mc.beginFill(0xFF0000);
    mc.moveTo(x+r,y);
    mc.curveTo(r+x,Math.tan(Math.PI/8)*r+y,Math.sin(Math.PI/4)*r+x,Math.sin(Math.PI/4)*r+y);
    mc.curveTo(Math.tan(Math.PI/8)*r+x,r+y,x,r+y);
    mc.curveTo(-Math.tan(Math.PI/8)*r+x,r+y,-Math.sin(Math.PI/4)*r+x,Math.sin(Math.PI/4)*r+y);
    mc.curveTo(-r+x,Math.tan(Math.PI/8)*r+y,-r+x,y);
    mc.curveTo(-r+x,-Math.tan(Math.PI/8)*r+y,-Math.sin(Math.PI/4)*r+x,-Math.sin(Math.PI/4)*r+y);
    mc.curveTo(-Math.tan(Math.PI/8)*r+x,-r+y,x,-r+y);
    mc.curveTo(Math.tan(Math.PI/8)*r+x,-r+y,Math.sin(Math.PI/4)*r+x,-Math.sin(Math.PI/4)*r+y);
    mc.curveTo(r+x,-Math.tan(Math.PI/8)*r+y,r+x,y);
    test_mc.setMask(mc);
} 

Nach dem Testen sollte von deiner Fläche nur noch der Kreis zu sehen sein.
Das müsstest du dann mit dynamische Werten aufrufen und nachzeichen.

Als Ansatzpunkt könnte dir auch noch dieses Tortendiagramm helfen: klick

Aber ehrlich für so einen Kreis, würde ich diesen Aufwand nicht betreiben