Growing Poly von Bokel

[suicidesquirrel]

hallo, hab mir ma aus nem thread
des hier (growing poly von bokel) gesaugt,
un da ich nu kein profi bin würd ich gerne wissen,
wie man denn bei der linie die farbe und den alpha wert
ändern kann. mussich dem mc ne farbe zuweisen? hab
n bissl rumprobiert aber komm irgendwie nich drauf.
danke schonma!!

// MX: GrowingPoly 
// zeichnet ein polygon aus "wachsenden" linien 
// von ralf bokelberg 05/2002 qlod.com 
function GrowingPoly(mc, speed, ms, coords) { 
    //object anlegen und parameter abspeichern 
    //in mc werden die linien gezeichnet 
    //speed gibt an, wie schnell die linie gezeichnet werden soll 
    //ms gibt an, wie haeufig das polygon upgedatet werden soll 
    //in coords sind die koordinaten im format [x1,y1,x2,y2,x3,y3,...] 
    this.mc = mc; 
    this.speed = speed || 1; 
    this.ms = ms || 100; 
    this.coords = coords; 
    this.intervalHandle = -1; 
    this.coordIdx = 2; 
    this.x = this.x1=this.x2=this.coords[0]; 
    this.y = this.y1=this.y2=this.coords[1]; 
    this.xAdd = this.yAdd=this.count=0; 
} 
GrowingPoly.prototype.draw = function() { 
    //wenn wir nicht gerade zeichnen, dann koennen wir loslegen 
    //trace("GrowingPoly.draw"); 
    if (this.intervalHandle == -1) { 
        this.nextLine(); 
    } else { 
        trace("FEHLER: GrowingPoly.draw: Zeichnen war schon gestartet."); 
    } 
}; 
GrowingPoly.prototype.nextLine = function() { 
    //hier werden die koordinaten der naechsten linie geholt 
    //und die intervalroutine gestartet 
    with (this) { 
        // wenn es noch koordinaten gibt 
        if (coordIdx<coords.length) { 
            x = x1=x2; 
            //die alten endkoordinaten sind die neuen startkoordinaten 
            y = y1=y2; 
            x2 = coords[coordIdx++]; 
            //die neuen endkoordinaten holen 
            y2 = coords[coordIdx++]; 
            var angle = Math.atan2(x2-x1, y2-y1); 
            //winkel der linie berechnen 
            xAdd = speed*Math.sin(angle); 
            //was wird pro aufruf von doDraw zur Linie addiert 
            yAdd = speed*Math.cos(angle); 
            var xCount = Math.abs(Math.floor((x2-x1)/xAdd)) || 0; 
            //wie oft muss addiert werden 
            var yCount = Math.abs(Math.floor((y2-y1)/yAdd)) || 0; 
            count = Math.max(xCount, yCount); 
            //einer der Werte koennte 0 sein                   
            intervalHandle = setInterval(this, "doDraw", ms); 
            //intervallhandler starten 
        } 
    } 
}; 
GrowingPoly.prototype.doDraw = function() { 
    //hier wird gemalt 
    //es werden jeweils alle linien die schon gezeichnet worden sind 
    //plus das aktuelle teilstueck gezeichnet 
    with (this) { 
        //wenn wir mit der linie fertig sind 
        if (--count<=0) { 
            x = x2; 
            //komplette linie zeichnen 
            y = y2; 
            clearInterval(intervalHandle); 
            //intervalHandler kann gelöscht werden 
            intervalHandle = -1; 
            this.nextLine(); 
        } else { 
            //sonst weiter machen 
            x += xadd; 
            y += yadd; 
        } 
        mc.clear(); 
        //vorhergehende linien loeschen 
        mc.lineStyle(0, 0); 
        //leider wird der style gleich mitgeloescht, also neu setzen 
        //wenn wir noch bei der ersten linie sind 
        //dann gehen wir einfach nur zur startposition 
        if (coordIdx<=4) { 
            mc.moveTo(x1, y1); 
        } else { 
            //sonst zeichnen wir erst alle linien bis zur aktuellen 
            var i = 2, x3 = coords[0], y3 = coords[1]; 
            mc.moveTo(x3, y3); 
            while (i<coordIdx-2) { 
                x3 = coords[i++]; 
                y3 = coords[i++]; 
                mc.lineTo(x3, y3); 
            } 
        } 
        mc.lineTo(x, y); 
        //und das aktuelle teilstueck nicht vergessen 
    } 
}; 
//testaufruf: zeichne mir ein viereck 
gp = new GrowingPoly(createEmptyMovieClip("l2", 2), 1, 20, [100, 100, 100, 200/*, 200, 200, 200, 100, 100, 100*/]); 
gp.draw(); 

[TOAOTC]

Hallo suicidesquirrel,

mc.lineStyle(0, 0); 

Gruß

[mooseMash]

du könntest die werte für lineStyle beim Erstellen des growingPoly mitgeben

meinMovieclip.lineStyle ([dicke[, rgb[, alpha]]]) 

ich hab da mal was vorbereitet...

// MX: GrowingPoly 
// zeichnet ein polygon aus "wachsenden" linien 
// von ralf bokelberg 05/2002 qlod.com 
function GrowingPoly(mc, speed, ms, coords,lineThick,lineCol,lineAlpha) { 
    //object anlegen und parameter abspeichern 
    //in mc werden die linien gezeichnet 
    //speed gibt an, wie schnell die linie gezeichnet werden soll 
    //ms gibt an, wie haeufig das polygon upgedatet werden soll 
    //in coords sind die koordinaten im format [x1,y1,x2,y2,x3,y3,...] 
    this.mc = mc; 
    this.speed = speed || 1; 
    this.ms = ms || 100; 
    this.coords = coords;
    this.lineThick = lineThick;
    this.lineCol = lineCol;
    this.lineAlpha = lineAlpha;
    this.intervalHandle = -1; 
    this.coordIdx = 2; 
    this.x = this.x1=this.x2=this.coords[0]; 
    this.y = this.y1=this.y2=this.coords[1]; 
    this.xAdd = this.yAdd=this.count=0; 
} 
GrowingPoly.prototype.draw = function() { 
    //wenn wir nicht gerade zeichnen, dann koennen wir loslegen 
    //trace("GrowingPoly.draw"); 
    if (this.intervalHandle == -1) { 
        this.nextLine(); 
    } else { 
        trace("FEHLER: GrowingPoly.draw: Zeichnen war schon gestartet."); 
    } 
}; 
GrowingPoly.prototype.nextLine = function() { 
    //hier werden die koordinaten der naechsten linie geholt 
    //und die intervalroutine gestartet 
    with (this) { 
        // wenn es noch koordinaten gibt 
        if (coordIdx<coords.length) { 
            x = x1=x2; 
            //die alten endkoordinaten sind die neuen startkoordinaten 
            y = y1=y2; 
            x2 = coords[coordIdx++]; 
            //die neuen endkoordinaten holen 
            y2 = coords[coordIdx++]; 
            var angle = Math.atan2(x2-x1, y2-y1); 
            //winkel der linie berechnen 
            xAdd = speed*Math.sin(angle); 
            //was wird pro aufruf von doDraw zur Linie addiert 
            yAdd = speed*Math.cos(angle); 
            var xCount = Math.abs(Math.floor((x2-x1)/xAdd)) || 0; 
            //wie oft muss addiert werden 
            var yCount = Math.abs(Math.floor((y2-y1)/yAdd)) || 0; 
            count = Math.max(xCount, yCount); 
            //einer der Werte koennte 0 sein                    
            intervalHandle = setInterval(this, "doDraw", ms); 
            //intervallhandler starten 
        } 
    } 
}; 
GrowingPoly.prototype.doDraw = function() { 
    //hier wird gemalt 
    //es werden jeweils alle linien die schon gezeichnet worden sind 
    //plus das aktuelle teilstueck gezeichnet 
    with (this) { 
        //wenn wir mit der linie fertig sind 
        if (--count<=0) { 
            x = x2; 
            //komplette linie zeichnen 
            y = y2; 
            clearInterval(intervalHandle); 
            //intervalHandler kann gelöscht werden 
            intervalHandle = -1; 
            this.nextLine(); 
        } else { 
            //sonst weiter machen 
            x += xadd; 
            y += yadd; 
        } 
        mc.clear(); 
        //vorhergehende linien loeschen 
        mc.lineStyle(lineThick, lineCol, lineAlpha); 
        //leider wird der style gleich mitgeloescht, also neu setzen 
        //wenn wir noch bei der ersten linie sind 
        //dann gehen wir einfach nur zur startposition 
        if (coordIdx<=4) { 
            mc.moveTo(x1, y1); 
        } else { 
            //sonst zeichnen wir erst alle linien bis zur aktuellen 
            var i = 2, x3 = coords[0], y3 = coords[1]; 
            mc.moveTo(x3, y3); 
            while (i<coordIdx-2) { 
                x3 = coords[i++]; 
                y3 = coords[i++]; 
                mc.lineTo(x3, y3); 
            } 
        } 
        mc.lineTo(x, y); 
        //und das aktuelle teilstueck nicht vergessen 
    } 
}; 
//testaufruf: zeichne mir ein viereck 
gp = new GrowingPoly(createEmptyMovieClip("l2", 2), 1, 20, [/*100, 100, 100, 200,*/ 200, 200, 200, 100, 100, 100], 2, 0xFF0000, 45); 
gp.draw(); 

greetings...

[suicidesquirrel]

wow, yeah, danke für die schnelle antwort...
hatte damit wohl noch net genug rumgespielt....

für die dies trotzdem interessiert:

mc.lineStyle(0, 0xFF0000, 50); 

O = Dicke
0xFF0000 = Farbe
50 = Transparenz

[suicidesquirrel]

=) oh da war noch jemand schneller,
danke nochmal!