Linie gezielt löschen? (Drawing API)

[tonymeman]

Hallo,

ich möchte dynamisch eine Linie zeichnen die mit jedem Frame um ein Segment verlängert wird (lineTo...). Insgesamt soll sie aber nicht mehr als z.B. 10 Segmente haben. Wenn also das 11te an der Reihe ist müsste das erste gelöscht werden, und so weiter. Nur wie?

Ich hoffe das ist verständlich ausgedrückt ...

[sebastian]

Erstelle die Linien einfach auf verschiedenen Ebenen (also z.B. MovieClips dynamich erstellen). Dann kannst du diese einfach removen (so was ähnlich hatten wir vor ein paar Tagen, also so einen Lösungsansatz)

[tonymeman]

Also praktisch für jedes Segment der Linie einen eigenen MC erstellen? Ich hatte schon befürchtet, dass es auf sowas hinausläuft.

Frisst das Performance, oder kann Flash recht gut mit vielen Hundert MCs, die dann gleichzeitig auf der Bühne liegen (und zu denen dann natürlich auch noch jede Menge Daten gehandelt werden müssen) umgehen?

[sebastian]

Gabs letztens erst einen Thread dazu, aber im dreistelligen Bereich gibt es sicherlich nicht mal ansatzweise Probleme

[mooseMash]

vielleicht einfach so?

PHP-Code:

cols = new Array(0xFF0000, 0x00FF00, 0x0000FF, 0xFFFF00, 0x00FFFF, 0xF0F000, 0xF000F0, 0x00F0F0, 0xF0F0F0, 0x0F0F0F)
l = 100;
r = 430;
b = 280;
t = 110;
xStep = 10;
yStep = 10;
function init(){
pos = new Array();
for(var i=0;i<cols.length;i++){
    this.lineStyle(2, cols[i], 100);
    this.moveTo(l+(i*xStep),t);               
    this.lineTo(l+(i*xStep)+xStep,t);
    pos[i] = new Array(l+(i*xStep),t);
}
dir = "right";
}

function drawLine(){
    lastElement = chkNext();
    this.clear();
    pos.shift();
    pos[pos.length] = lastElement;
    for(var i=0;i<pos.length-1;i++){
    this.lineStyle(2, cols[i], 100);
    this.moveTo(pos[i][0],pos[i][1]);               
    this.lineTo(pos[i+1][0],pos[i+1][1]);
}
}


function chkNext(){
    switch (dir){
    case "right":
    if(pos[pos.length-1][0]<r + xStep){
        x = pos[pos.length-1][0]+ xStep;
        y = pos[pos.length-1][1]
    }else{
        x = pos[pos.length-1][0];
        y = pos[pos.length-1][1] + yStep;
        dir = "bottom";
    }
    nextPos = new Array(x, y);
    break;
    case "bottom":
    if(pos[pos.length-1][1]<b + yStep){
        x = pos[pos.length-1][0]
        y = pos[pos.length-1][1]+ yStep;
    }else{
        x = pos[pos.length-1][0] - xStep;
        y = pos[pos.length-1][1];
        dir = "left";
    }
    nextPos = new Array(x, y);
    break;
    case "left":
    if(pos[pos.length-1][0]>l + xStep){
        x = pos[pos.length-1][0] - xStep;
        y = pos[pos.length-1][1]
    }else{
        x = pos[pos.length-1][0];
        y = pos[pos.length-1][1] - yStep;
        dir = "top";
    }
    nextPos = new Array(x, y);
    break;
    case "top":
    if(pos[pos.length-1][1]>t + yStep){
        x = pos[pos.length-1][0]
        y = pos[pos.length-1][1] - yStep;
    }else{
        x = pos[pos.length-1][0] + xStep;
        y = pos[pos.length-1][1];
        dir = "right";
    }
    nextPos = new Array(x, y);
    break;    
    }
    return nextPos;
}

init();
this.onEnterFrame = drawLine;