Malen

[FireShark]

Ja, hallo erstmal,

ich habe aus Spaß ein kleines Programm geschrieben, wo jemand mit "lineTo" schöne Dinge zeichnen kann. Alle Punkte werden sofort gezeichnet und außerdem in einem Array gespeichert. Auf Wunsch wird die Zeichenfläche gelöscht, und Flash zeichnet das Bild anhand der gespeicherten Koordinaten selbstständig neu.

Daran kriege ich nur eine Sache nicht hin: Wenn man malt und zwischendurch absetzt, klappt das noch. Aber wenn Flash die Zeichnung nachmalt, verbindet es alle abgesetzten Punkte.

Hat zur Lösung dessen jemand eine Idee?
Vielen Dank!!

[Janoscharlipp]

Du kannst dir ja beim Absetzen in das Array einen Spezialeintrag schreiben. Wenn du dann beim Nachmalen bist, prüfst du bei jedem Punkt, ob es ein solcher Spezialeintrag ist, wenn ja, dann machst du ein moveTo zum nächsten Punkt, wenn nicht, ganz normal ein lineTo zum aktuellen Punkt.

[FireShark]

Hm. Daran habe ich u. a. auch gedacht. Aber ich wüsste so spontan nicht, wie ich das unterbringen sollte.
Ich poste hier einfach mal den Code, dass man das sieht. (Auf der Bühne befinden sich lediglich die zwei Schaltflächen).

createEmptyMovieClip("bla", 1);
onMouseDown = function() {
    ok = 1;
    bla.moveTo(_xmouse, _ymouse);
}
onMouseUp = function() {
    ok = 0;
}
arx = [];
ary = [];
i = 1;
onMouseMove = function() {
    bla.lineStyle(5, 0x339900, 100);
    if (ok) {
        bla.lineTo(_xmouse, _ymouse);
        i++;
        arx[i] = _xmouse;
        ary[i] = _ymouse;
    }
}
löschen.onRelease = function() {
    removeMovieClip("bla");
}
j = 1;
zeichnen.onRelease = function() {
    createEmptyMovieClip("blubb", 2);
    blubb.lineStyle(5, 0xff3300, 100);
    blubb.moveTo(arx[2], ary[2]);
    los = 1;
}
function losgehts() {
    if (los && j < arx.length - 1 && j < ary.length - 1) j++;
    blubb.lineTo(arx[j], ary[j]);
}
setInterval(losgehts, 10); 

[hgseib]

anstatt
arx = [];
ary = [];

bessser ein etwas flexiblerer ansatz. z.b.
// 1.kennzahl das kommando:
// 0: parameter
// 1: moveTo
// 2: lineTo
// 3: curveTo
//
// bei parameter 0:
lines.push[kommando, linie color, line dicke, fläche color, fläche an/aus];
// bei parameter 1..3
lines.push[kommando,x,y, (x,y, ..)];

z.b.
var lines=[];
lines.push[0, 0xff0000, 3, 0, false];
lines.push[1, 200,300];
lines.push[2, 400,300, 400,400, 200,300];

[FireShark]

Also da bin ich eher , muss ich sagen ...

Also ich verstehe, wie es gemeint ist. Aber ich blicke nicht wirklich, wie ich das einsetze? Wie ich das sehe, muss ich die Parameter vorher definieren? Wie mache ich das?

Mach es mir doch nicht so schwer, einen Tipp noch.

[Janoscharlipp]

Der nächste Tipp kann eigentlich nur die Lösung sein ...

pack doch einfach in dem onMouseUp in deine beiden Arrays jeweils ein "absetzen".
Und vor das lineTo in der losgehts Funktion packst du dann die Abfrage arx[j] == "absetzen" rein.

[FireShark]

Also entweder ich bin zu blöd oder Du lügst. Jedenfalls klappt es so nicht.

[Janoscharlipp]

Ich lüge nie

Wie sieht denn damit dann dein Ansatz aus?

[FireShark]

Ich nehme jetzt mal Deinen wortwörtlichen Ansatz, soweit ich ihn richtig verstanden habe. Kleine Änderungen meinerseits führten zu Verschlechterungen.

createEmptyMovieClip("bla", 1);
onMouseDown = function() {
    ok = 1;
    bla.moveTo(_xmouse, _ymouse);
}
onMouseUp = function() {
    ok = 0;
    arx[i] = "absetzen";
    ary[i] = "absetzen";
}
arx = [];
ary = [];
i = 1;
onMouseMove = function() {
    bla.lineStyle(5, 0x339900, 100);
    if (ok) {
        bla.lineTo(_xmouse, _ymouse);
        i++;
        arx[i] = _xmouse;
        ary[i] = _ymouse;
    }
}
löschen.onRelease = function() {
    removeMovieClip("bla");
}
j = 1;
zeichnen.onRelease = function() {
    createEmptyMovieClip("blubb", 2);
    blubb.lineStyle(5, 0xff3300, 100);
    blubb.moveTo(arx[2], ary[2]);
    los = 1;
}
function losgehts() {
    if (los && j < arx.length - 1 && j < ary.length - 1) j++;
    if (arx[j] != "absetzen") blubb.lineTo(arx[j], ary[j]);
}
setInterval(losgehts, 10); 

[Janoscharlipp]

fast

Natürlich musst du auch noch i hochzählen, wenn du einen neuen Eintrag gemacht hast, sonst wird das "absetzen" ja bei der nächsten Mausbewegung mit gedrückter Maustaste wieder überschrieben.

Die abfrage nach dem "absetzen" im losgehts hast du ja jetzt drinn, aber ist es nicht einsichtig, dass sie allein nichts bringt??? Du brauchst natürlich noch ein else (guckst du mein erster Beitrag)

[FireShark]

Yeeeha! Es passt! Besten Dank!!

Sorry, wenn ich zeitweise schwer vom Begriff erschien; ich verlor allmählich selbst den Durchblick. Aber jetzt ist alles logisch und verstanden. Also danke noch mal!

[Janoscharlipp]

Zitat von FireShark

Aber jetzt ist alles logisch und verstanden. Also danke noch mal!

Dann hat es sich ja gelohnt, nicht einfach die Lösung hinzuschreiben

[FireShark]

Hehe, war mir schon klar, dass Du Dich da extra zurückgehalten hast.