Linien, die verschiebbare Punkte verbinden, springen

[benemie]

jetzt hab ich auch mal ne frage an die gemeinde

ich bau gerade an einem menue dessen punkte durch
linien miteinander verbundn sind. die einzelnen punkte
kann man verschieben, die linien (lineTo...) passen sich
dymaisch an.

die einzelnen menuepunkte gehören einer klasse: segment an.

//hier die funktion
segment.prototype.onEnterFrame = function() {
    //lineTo zeug
    this.line.clear();
    with (this.line) {
        globalToLocal(p1={x:_root.zero._x, y:_root.zero._y});
        globalToLocal(p2={x:_parent._x, y:_parent._y});
        lineStyle(1, 0xFF00FF, 100);
        moveTo(p1.x, p1.y);
        lineTo(p2.x, p2.y);
    }
    updateAfterEvent();
}; 

alles funktioniert zwar, jedoch springen die erzeugten linien beim verschieben etwas, anstatt genau auf dem punkt zu bleiben.

kann man da was verbessern?


lines problem

[rena]

Hab erstmal deinen Threadtitel geändert. Mit "so" kann ja kein Mensch was anfangen - schon gar nicht Leute, die später mal nach sowas suchen, in der Suchergebnisliste.

Gruß
rena

[benemie]

liegt wohl daran, dass ich meine antworten immer
so beginne. ist bei neuen themen wohl etwas
"nichtsaussagend"

[romän]

hi benemie,

denke mal es liegt daran, dass die Linie im onEnterFrame gezeichnet wird. Da nützt dir auch updateAfterEvents nichts - das hat nämlich nur Auswirkung bei onMouseMove oder bei Funktionen, die durch setInterval aufgerufen werden.

Scheint so, dass du segment.prototype.onPress nutzt um startDrag aufzurufen, oder so ähnlich?

Falls es so ist, würde ich folgendes machen:
1) segment.prototype.onEnterFrame umbenennen, z.B. in segment.prototype._onMouseMove;
2) segment.prototype.onPress und segment.prototype.onRelease ändern:

segment.prototype._onMouseMove = function() {
        //lineTo zeug
        this.line.clear();
        with (this.line) {
                globalToLocal(p1={x:_root.zero._x, y:_root.zero._y});
                globalToLocal(p2={x:_parent._x, y:_parent._y});
                lineStyle(1, 0xFF00FF, 100);
                moveTo(p1.x, p1.y);
                lineTo(p2.x, p2.y);
        }
        updateAfterEvent();
};
segment.prototype.onPress = function(){
this.onMouseMove = this._onMouseMove;
this.startDrag();
};
segment.prototype.onRelease = segment.prototype.onReleaseOutside = function(){
this.onMouseMove = null;
this.stopDrag();
}; 

Dadurch, dass die Linie jetzt bei onMouseMove gezeichnet wird, sollte updateAfterEvent funktionieren und die Linie nicht mehr springen.
Außerdem laufen nicht unnötige onEnterFrame-EventHandler im Hintergrund.

Ist jetzt natürlich nur ins Blaue geraten, weil ich nicht weiß wie deine Klasse aufgebaut ist.
Falls es nicht hilft, schieb doch mal die fla hoch, dann werf ich ein oder zwei Augen drauf.

gruß,
roman

[Janoscharlipp]

hmm, ich blick das mit dem localToGlobal nicht, das geht auch einfacher.

Das Problem scheint ja zu sein, dass der LineMC in deinem Segment liegt, richtig?
Also würde ich entweder einfach den MC aus dem Segment rauskicken und einfach in _root oder so plazieren und durchnummerieren.

wenn es in dem segment sein soll, probier mal, einfach die Linie von (0,0) zu (_root.zeroX-this._parent._x,_root.zeroY-this._parent._y) zu zeichnen.

[benemie]

danke euch für die antworten.

@roman
habe dein script eingesetzt, funktioniert jetzt schneller.
jedoch gibt es noch immer kleiner ruckler.

@ Janoscharlipp
hatte erst gedacht, dass die linien im zugehörigen mc liegen sollten. womöglich ist es nach deiner methode besser, werde es mal so probieren.

hier mal das script, falls einer interesse hat

//klasse segment -----------------------------------------------
clipcounter = 99;
lineCount = 20;
function segment() {
    this.bezugspunktX;
    this.bezugspunktY;
    this.name;
    this.class = "the segmentClass yeahh";
    this.x;
    this.y;
}
//--------------------------------------------------------------
//prototype methoden
segment.prototype = new MovieClip();
segment.prototype.traceName = function() {
    trace(this.name);
};
segment.prototype._onMouseMove = function() {
        //lineTo zeug
        this.line.clear();
        with (this.line) {
                globalToLocal(p1={x:_root.zero._x, y:_root.zero._y});
                globalToLocal(p2={x:_parent._x, y:_parent._y});
                lineStyle(1, 0xFF00FF, 100);
                moveTo(p1.x, p1.y);
                lineTo(p2.x, p2.y);
                updateAfterEvent();
        }
        
};
segment.prototype.onPress = function(){
        this.onMouseMove = this._onMouseMove;
        this.startDrag();
};
segment.prototype.onRelease = segment.prototype.onReleaseOutside = function(){
        this.onMouseMove = null;
        this.stopDrag();
};
 
// klasse und symbol verknüpfen --------------------------------
Object.registerClass("quad", segment);
//neue instanz erstellen
function newSegment(clipname, X, Y, bezugspunkt) {
    clipcounter;
    linecount;
    clipname = attachMovie("quad", clipname, clipcounter);
    clipname.createEmptyMovieClip("line", lineCount);
    clipname.name = clipname;
    clipname._x = X;
    clipname._y = Y;
    clipname.bP = bezugspunkt;
    clipcounter--;
    linecount++;
}
nullPx = _root.zero._x;
nullPy = _root.zero._y;
//erzeugen der elemente mit newSegment()
newSegment("head1", nullPx+(random(20)-10), nullPy+(random(20)-10), _root.zero);
newSegment("head2", nullPx+(random(20)-10), nullPy+(random(20)-10), _root.zero);
newSegment("head1sub1", nullPx+(random(20)-10), nullPy+(random(20)-10), _root.head1);
newSegment("head1sub2", nullPx+(random(20)-10), nullPy+(random(20)-10), _root.head1);
newSegment("head2sub1", nullPx+(random(20)-10), nullPy+(random(20)-10), _root.head2);
//checking methodes and variables
for (name in head2) {
    trace("head1."+name+" = "+head1[name]);
} 

danke nochmal

[romän]

natürlich - die Linien liegen im segmentMC *sichvordiestirnklatsch*. Hab ich überhaupt nicht realisiert

kommst du jetzt zurande?
Ansonsten häng ich noch ne fla an, die als Ausgangspunkt dienen könnte.

klickst du hier

gruß,
roman

[benemie]

interesanter ansatz