zeichnung ausfaden lassen

[here2stay]

huhu,

ich habe eine kleine draw engine mit der man mit der maus ein bisschen im film rummalen kann. ihr kennt das sicher

folgender code:

MovieClip.prototype.applyDrawing = function (mc) {
    this.onMouseMove = function() {
        if (draw) {
            var p = new Object();
            p.x = this._x;
            p.y = this._y;
            mc.lineStyle(1, 0x000033, 100);
            mc.lineTo(p.x, p.y);
        }
    };
    this.onMouseDown = function() {
        draw = true;
        mc.moveTo(_root._xmouse, _root._ymouse);
    };
    this.onMouseUp = function() {
        draw = false;
    };
}; 

soweit so gut...

ich wünsche mir aber, dass die gezeichneten linien schon nach kurzer zeit wieder ausfaden (bzw. einfach verschwinden).

habe mal ein kleines PREVIEW erstellt, damit ihr alle genau wisst was ich meine



wie könnte man das ganze dynamisch umsetzen?

...vielleicht ist die lösung ganz simpel und ich hab das bekannte brett vorm kopf... bin auf eure ansätze gespannt!


besten dank &
schönen gruß,
felix

[Tut-ench-aton]

Linien kannst du nicht einzeln ausfaden, da sie alle in einem MC bei dir liegen.

Du müsstest jede neue Linie in einen neuen MC legen, jeder mit einer höheren Tiefe. Den MC musst du dann immer nach einer bestimmten Zeit ausfaden. Für soetwas ist aber ein komplizierteres Script notwendig.

[here2stay]

ok, ich bin jetzt schon mal ein stück weiter...

das mit dem ausfaden muss nicht sein, scheint ja wirklich nur über einen haufen mcs möglich zu sein... lassen wir das

hier mein neuer ansatz indem die linienpunkte in einem array gespeichert werden und immer die letzten x punkte nachgezeichnet werden.
der zeichenmc wird dabei immer wieder "geleert" indem er neu erstellt wird.

MovieClip.prototype.applyDrawing = function(sub) {
    this.onMouseMove = function() {
        if (draw) {
            var mc = path.createEmptyMovieClip("drawArea", 10);
            var p = new Object();
            p.x = this._x;
            p.y = this._y;
            this.drawArray.push({x:p.x, y:p.y});
            mc.lineStyle(3, 0x000033, 100);
            for (var i = this.drawArray.length - sub; i < this.drawArray.length; i++) {
                mc.lineTo(this.drawArray[i].x, this.drawArray[i].y);
            }
        }
    };
    this.onMouseDown = function() {
        draw = true;
        var mc = path.createEmptyMovieClip("drawArea", 10);
        this.drawArray = [{x:this._x, y:this._y}];
        mc.moveTo(this._x, this._y);
    };
    this.onMouseUp = function() {
        draw = false;
    };
}; 

...ist noch etwas unsauber
aufruf um das ganze zu testen wäre dann zb:

stift_mc.applyDrawing(10);


ich bin damit schon relativ zufrieden, wenn sich nicht ein mir unbegreiflicher fehler aufgetan hätte...

zu sehen HIER...

wer kommt dem auf die schliche? woran liegts?

[here2stay]

ok, problem behoben...

weiß zwar nicht warum, aber wenn man moveTo() von onMouseDown nach onMouseMove versetzt klappt es!