Kreisförmiger Preloader

[Skydiver2607]

Hallo,

Alois hat mal vor einiger Zeit einen kreisförmigen Preloader gepostet.

Kreisförmiger Preloader?!?

Mich interessiert da besonders die Funktion "DrawArc":

PHP-Code:

drawArc = function(xc, yc, r1, r2, ngl, stngl) 
{        
    var x2, y2, xp, yp, l, t;        
    t = Math.PI/4;        
    ngl *= Math.PI/180;        
    stngl *= Math.PI/180;        
    l = Math.floor(ngl/t);        
    for (var i = 0; i<l; i++) {
        x2 = xc+r1*Math.cos((stngl+t));
        y2 = yc+r2*Math.sin((stngl+t));
        xp = xc+r1*(2-Math.sin((Math.PI-t)/2))*Math.cos((stngl+t/2));
        yp = yc+r2*(2-Math.sin((Math.PI-t)/2))*Math.sin((stngl+t/2));
        this.curveTo(xp, yp, x2, y2);                
        stngl += t;        
    }        
    
    if (ngl-l*t>Math.PI/360) {
        x2 = xc+r1*Math.cos((stngl+ngl-l*t));
        y2 = yc+r2*Math.sin((stngl+ngl-l*t));
        xp = xc+r1*(2-Math.sin((Math.PI+ngl-l*t)/2))*Math.cos((stngl+(ngl-l*t)/2));
        yp = yc+r2*(2-Math.sin((Math.PI+ngl-l*t)/2))*Math.sin((stngl+(ngl-l*t)/2));
        this.curveTo(xp, yp, x2, y2);        
    }
}; 


Leider liegt meine Schulzeit schon ein paar Jährchen zurück.
Was muss ich an dem Code ändern, damit drawArc den Kreis auch bei 0 Grad (..bis 360 ) anfängt zu zeichnen ?

Also ich grübel schon über den Code ne ganze Weile, die Funktion zeichnet aber blöderweise das erste Kreissegment immer erst ab 90 Grad ?

So long...

Jemand ne Idee ?

[Alois]

...denkbar einfach, schau Dir den Befehl mal genau an
drawArc(xc, yc, r1, r2, ngl, stngl);
die einzelnen Variablen haben folgende Bedeutung:
xc: Mittelpunkt des Bogens in x-Richtung
yc: Mittelpunkt des Bogens in y-Richtung
r1: Radius des Bogens in x-Richtung
r2: Radius des Bogens in y-Richtung
ngl: Der Winkel des Bogens
stngl: der Startwinkel des Bogens
...ich denke Du hast 'nur' das Problem, daß Du den 'pointer' nicht auf der richtigen Position hast, du musst ihn zuerst mit moveTo auf die Position bringen, von der aus er mit dem Bogen beginnen soll, ein Beispiel:

//vorher die drawArc-Funktion
//...
this.lineStyle(1);
this.moveTo(50,25);
this.drawArc(50, 50, 25, 25, 45, -90);
//gezeichnet wird ein 45° Bogen ausgehend von der 12-Uhr Position nach rechts 
 

Gruß

Alois

[Skydiver2607]

Hi,

Klasse ! Funktioniert...

es lag wohl bei mir an der MoveTo Funktion und an dem fehlenden Startwinkel vom Bogen.

Vielen Dank für deine Hilfe !

Stephan

Zitat von Alois

...denkbar einfach, schau Dir den Befehl mal genau an
drawArc(xc, yc, r1, r2, ngl, stngl);
die einzelnen Variablen haben folgende Bedeutung:
xc: Mittelpunkt des Bogens in x-Richtung
yc: Mittelpunkt des Bogens in y-Richtung
r1: Radius des Bogens in x-Richtung
r2: Radius des Bogens in y-Richtung
ngl: Der Winkel des Bogens
stngl: der Startwinkel des Bogens
...ich denke Du hast 'nur' das Problem, daß Du den 'pointer' nicht auf der richtigen Position hast, du musst ihn zuerst mit moveTo auf die Position bringen, von der aus er mit dem Bogen beginnen soll, ein Beispiel:

//vorher die drawArc-Funktion
//...
this.lineStyle(1);
this.moveTo(50,25);
this.drawArc(50, 50, 25, 25, 45, -90);
//gezeichnet wird ein 45° Bogen ausgehend von der 12-Uhr Position nach rechts 
 

Gruß

Alois

[Skydiver2607]

Hallo Alois,

ich hätte da noch eine Frage.
Und zwar habe ich einen MovieClip gebaut, um den Preloader mehrmals verwenden zu können und nicht jedes Mal denselben Code wiederholen zu müssen. Aber das funktioniert noch nicht so ganz.

PHP-Code:

MovieClip.prototype.getMovie = function (bild_mc:MovieClip,bildname,centerX,centerY){
    var color=0x62BF5A;
    var c_percent=0;
    bild_geladen = false;
    var PContainer:MovieClip = this.createEmptyMovieClip("PContainer", this.getNextHighestDepth());
    var mein_mcl=new MovieClipLoader ();
    PContainer.label_txt.multiline = true;
    PContainer.label_txt.wordWrap = true;
    PContainer.label_txt.autoSize = true;
    var textFormat = new TextFormat ();
    textFormat.font = "Arial";
    textFormat.size = "9";
    circle_mc._x=centerX-10;
    circle_mc._y=centerY-10;    
    
        var mein_mcl = new MovieClipLoader ();
        
        mein_mcl.onLoadStart = function (bild_mc)
        {
            var loadProgress = mein_mcl.getProgress(bild_mc);
        }
        
        mein_mcl.onLoadProgress = function (bild_mc,loadedBytes,totalBytes) {
            
                expr = Math.round (loadedBytes/totalBytes*100);
                anteil=loaded/total*360;
                c_percent ++;
                str = "";
                if (expr <10) str = str + "  ";
                if ((expr >= 10) && (expr <100)) str = str + " ";
                str=str+expr+" %";
                if (c_percent == 10) {
                    color += c_percent;
                    c_percent = 0;
                }
                this.arcpreload(PContainer,centerX,centerY,loadedBytes,totalBytes,10,10,color);        
                label_txt.text = str;  
                label_txt.setTextFormat (textFormat);
            }
        
        mein_mcl.onLoadComplete = function (bild_mc) {
            var loadProgress = mein_mcl.getProgress (bild_mc);            
            bild_geladen = true;
            if (loadProgress.bytesLoaded = loadProgress.bytesTotal) {
                for (i=100;i>=0;i--) {
                      ausgabe_txt._alpha = i;}
                TransitionManager.start(PContainer, {type:Fade, direction:Transition.OUT, duration:3, easing:None.easeNone});
                TransitionManager.start(circle_mc, {type:Fade, direction:Transition.OUT, duration:3, easing:None.easeNone});
                PContainer.unloadMovie ();
            }
        }
        
        mein_mcl.onLoadInit = function (bild_mc)
        {
        }
        
        mein_mcl.onLoadError = function (target,errorCode) {
            
            trace ("ERR:" + errorcode);
        }
        
        mein_mcl.addListener(this);
        mein_mcl.loadClip(bildname,bild_mc);
        
}; // End Movieclip.prototype 


Ich vermute, da irgend einen Fehler bei der Instanziierung gemacht zu haben.
Wenn ich mit attachMovie den MovieClip auf die Bühne hole, funktioniert da jedenfalls nichts. Idee ?

Vielen Dank im Voraus !