Linien in MovieClips zusammenführen in einen MC?

[petter]

Hallo,

ich bin dabei mir ein kleines Zeichnungsprogramm zu schreiben, besser gesagt ich zeichne Linien auf der Bühne.
Jede Linie ist dann ein MovieClip.

Nun möchte ich mit beginFill die Fläche Füllen.
Nun stellen sich mir folgende Probleme/Fragen :

z.B. für ein Quadrat zeichne ich 4 Linien.
Habe also 4 MC auf der Bühne.

beginnFill kann man nur auf einen MC anwenden deren Linien "geschlossen" sind.

Also müsste ich eine Funktion schreiben welche aus meinen 4 MC einen einzigen MC macht.

Wenn ich das hätte (dann wäre ich schon ein schritt weiter hähö) ...
also wenn ich das hätte dann habe ich unter umstaenden ein quadrat mit überstehenden Linien (weil die Zeichnung nicht exakt war(kann ja mal passieren), wird die innere Fläche dann trotzdem gefüllt?

Wie könnte ich das Problem am besten angehen? Ich hoffe Ihr versteht was ich überhaupt meine


Danke

[ludabruda]

HI,

so arbeitet beginFill nicht...du kannst nicht ein leeres Objekt mit Linien bilden und es dann füllen.Du könntest aber beim zeichnen die Koordinaten der Linien "aufzeichnen" (in einem Array speichern) und später mit beginFill() wieder abspielen.

Warum zeichnest du eigentlich die verschiedenen Linien in mehreren MCs?

Grüße
Sascha

[petter]

Geschrieben von ludabruda
HI,

so arbeitet beginFill nicht...du kannst nicht ein leeres Objekt mit Linien bilden und es dann füllen.Du könntest aber beim zeichnen die Koordinaten der Linien "aufzeichnen" (in einem Array speichern) und später mit beginFill() wieder abspielen.

Hallo Sascha,

es funktioniert so das man eine Linie (Kurve) Zeichnet,
Habe 2 Punkte und in der Mitte ein Punkt wo wenn man dran zieht sich die Linie zu einer Kurve verformt (so Bezier mässig , heist glaube ich Bezier) , dann habe ich an einem Ende der Linie ein kleinen Punkt zum draggen, damit ich die Linie (auch nachdem Ihre Größe und Radius veraendert wurde irgendwo hinziehen kann) , deswegen einzelne MovieClips, weil für den Linien noch eigene Funktionen und Eigenschaften gibt.

Geschrieben von ludabruda
Warum zeichnest du eigentlich die verschiedenen Linien in mehreren MCs?

Grüße
Sascha

Also so was aehnliches habe ich jetzt gemacht, allerdings die koordinaten nicht in ein array gespeichert, da kam ich jetzt noch nicht drauf *lach*

Bin jetzt so vorgegangen :
auf der Bühne liegen nun ja alle meine einzelnen Linien als MovieClip.
Mit einer for var i in e schleife gehe ich alle MC's durch
und sammle jeweils den Anfangpunkt, den Ende Punkt und den Controller Punkt für den Bezier Teil, dazu kann man die Linien auch noch die Anfang und Endepunkte verschieben.
Ein Anfang Punkt ist also nicht gleich der Positionierung des MovieCLip welcher die Linie beinhaltet.

Naja das funktioniert auch schon ganz gut bis auf das beim nachzeichnen was mit dem Controllpunkt nicht stimmt, weil wenn ich eine Gerade Linie Zeichne(mache ich mit curveTo), und diese dann spaeter dann mit meinen gesammelten koordinaten nachzeichnen möchte, erhalte ich eine kurve (wenn ich lineTo nehme passt es).

Ich versuch nochmal in Kurzform:

Beim Zeichnen einer Linie/Kurve erhalte ich folgende Daten:

Ausgangspunkt (Erster Klick)
Punkt1 (da wo die Linie beginnt)
Punkt2 (da wo die Linie aufhört)
Mittelpunkt (um die Linie zu einer Kurve zu verzerren)

Zum nachzeichnen mache ich folgendes, sammle die Position des MC der ersten Linie , dann mache ich ein moveTo zu Punkt ein (weil dieser nicht gleich der erste geklickte punkt sein muss), dann mache ich mit curveTo den Rest.

hmm hier mal meine Funktion, vielleicht sieht man das da besser was ich mache.

function redrawShape() {
    aquaBase.removeMovieClip();
    var i = 0;
    // MC erstellen für Endgültige Shape Zeichnung
    this.createEmptyMovieClip("aquaBase", 999);
    
    // Style von Endgültiges Shape 
    aquaBase.lineStyle( 5, 0x0000FF, 100 );
 
    // Point 1 Koordinaten 
    point1_x = this.controller["curve0"]._x;
    point1_y = this.controller["curve0"]._y;
    // Point 2 Koordinaten
    point2_x = this.controller["curve0"].clickPt2.xPoint;
    point2_y = this.controller["curve0"].clickPt2.yPoint;
    // Controll Point Koordinaten
    pointC_x = this.controller["curve0"].ctlPt._x;
    pointC_y = this.controller["curve0"].ctlPt._y;
 
    // Initial Drawing Cursor positionieren
    aquaBase.moveTo(point1_x, point1_y);
 
    // Initial Kurve Zeichnen
    
    // Für jede Kurve die im Objekt enthalten ist
    for(var e in controller){
        if (e != "lnCt") {
            
            var myKurve = this.controller[e];
            //myKurve._visible = false;
            // Point 1 Koordinaten 
            point1_x = myKurve._x;
            point1_y = myKurve._y;
            // Point 2 Koordinaten
            point2_x = myKurve.clickPt2.xPoint;
            point2_y = myKurve.clickPt2.yPoint;
            // Controll Point Koordinaten
            pointC_x = myKurve.ctlPt._x;
            pointC_y = myKurve.ctlPt._y;
 
            // Setzt den Zeichnungs Cursor an den Anfang(ausgangspunkt) und Zeichnet die Linie/Kurve welche die Punkte verbindet
            aquaBase.moveTo(point1_x, point1_y);
        
            // der Kontrollpunkt (ctlPt) bestimmt die Koordinaten (x,y) -- // //using control point coords for x&y control
            //aquaBase.curveTo(pointC_x, pointC_y, point2_x, point2_y);   
            aquaBase.lineTo(point2_x,point2_y);
            
            // Kurven Nummer hochzählen
            i++;
        }
        
    }
} 

Danke

PS: WIe müsste der Array aussehen um die Daten einer Kurve zu sammeln und diese dann anhand des Arrays nachzuzeichnen ?

[petter]

Auch das vereinfachte Script hier malt mir eine Kurve.

this.createEmptyMovieClip("aquaBase", 999);
 
    // Style von Endgültiges Shape 
    aquaBase.lineStyle( 5, 0x0000FF, 100 );
    point1x = 250;
    point1y = 0;
 
    point2x = 250; 
    point2y = 250 
    
    pointx =  0;
    pointy = 0;
 
    aquaBase.moveTo(point1x, point1y);
    aquaBase.curveTo(pointx, pointy, point2x, point2y);   
    //aquaBase.lineTo(point2x,point2y);