distanzmessung zwischen zwei punkten?

hallo,
kann mir jemand sagen, wie ich folgendes problem lösen kann:
der erste mausklick soll einen startpunkt setzen (z.b. visuell ein kreuz) und die durch den klick erhaltene x und y position der maus angeben. durch ziehen der maus soll eine strich (ausgangspunkt der erste klick) erscheinen, dessen ende mit der mausbewegung mitwandert und beim loslassen der maus einen endpunt setzt (wieder ein kreuz). die loslaspunkt soll dann wieder die x und y koordinaten der maus abfragen und das ergebnis dieser distanzmessung (entfernung der zwei punkte) anzeigen (in pixel).

vielleicht hat das schonmal jemand gemacht oder ist so fit im programmieren, das er/sie mir dafür ein script schicken kann.

danke schonmal im vorraus,
gruss p.m.

[thorben.schmitt]

bitteschön

(einfach in ersten frame kopieren und strg+enter)

onMouseDown = function () {
    var o = this.createEmptyMovieClip("kreuz", 2);
    var k = this.createEmptyMovieClip("line", 1);
    o.lineStyle(0, 0xff0000), o.moveTo(-5, 0), o.lineTo(5, 0), o.moveTo(0, -5), o.lineTo(0, 5);
    o._x=_xmouse, o._y=_ymouse;
    k._x=_xmouse, k._y=_ymouse;
    md = 1;
    k.onEnterFrame = function() {
        if (md) {
            this.clear();
            this.lineStyle(0), this.lineTo(_xmouse-o._x, _root._ymouse-o._y);
        } else {
            delete this.onEnterFrame;
        }
    };
};
onMouseUp = function () {
    var u = this.createEmptyMovieClip("kreuz1", 3);
    u.lineStyle(0, 0xff0000), u.moveTo(-5, 0), u.lineTo(5, 0), u.moveTo(0, -5), u.lineTo(0, 5);
    u._x=_xmouse, u._y=_ymouse;
    md = 0;
    // länge
    trace(Math.sqrt(Math.pow((Math.abs(kreuz._x-kreuz1._x)), 2)+Math.pow((Math.abs(_kreuz._y-_kreuz1._y)), 2)));
}; 

wow! vielen dank - das ging schnell!!!
gruss p.m.

hallo,
funktioniert alles prima, aber ein paar fragen habe ich noch:
1. wo sind die kreuze/linien definiert? kann ich auch ein gestaltetes kreuz (farbe/form) benutzen, das meiner maus folgt, beim ersten klick an der position stehen bleibt, meinen laufenden film anhält und beim zweiten klick den film wieder weiterlaufen läßt und wieder der maus folgt.
2. wie erscheint das ergebnis der messung in meinem dynamischen textfeld?
danke und gruss
p.m.

hallo,
die probleme mit der farbe und dem "trace" habe ich gelöst (man muss halt ein biserl rumprobieren ), aber zwei sachen habe ich noch:
1. ich hätte gern, dass die beiden kreuze und die linie ca. 2 sec. nach beenidugung der messung wieder verschwinden (?)
2. wie erstelle ich einen counter, der ab dem moment zählt, wo der film anfängt?
gruss p.m.

[the binary]

schau dir mal

setInterval 

an ..

gruss

[thorben.schmitt]

// Textfeld erstellen
this.createTextField("t", 1, 0, 0, 100, 16);
t.border=true, t.selectable=false, t.text="Strecke: 0 px";
// neues textformat:
tf = new TextFormat();
tf.font = "Verdana";
tf.size = 10;
t.setTextFormat(tf);
// punkte löschen:
function deletePoints() {
    removeMovieClip(kreuz);
    removeMovieClip(kreuz1);
    removeMovieClip(line);
    trace("gelöscht");
    clearInterval(this)
}
onMouseDown = function () {
    var o = this.createEmptyMovieClip("kreuz", 3);
    var k = this.createEmptyMovieClip("line", 2);
    o.lineStyle(0, 0xff0000), o.moveTo(-5, 0), o.lineTo(5, 0), o.moveTo(0, -5), o.lineTo(0, 5);
    o._x=_xmouse, o._y=_ymouse;
    k._x=_xmouse, k._y=_ymouse;
    md = 1;
    k.onEnterFrame = function() {
        if (md) {
            this.clear();
            this.lineStyle(0), this.lineTo(_xmouse-o._x, _root._ymouse-o._y);
        } else {
            delete this.onEnterFrame;
        }
    };
};
onMouseUp = function () {
    var u = this.createEmptyMovieClip("kreuz1", 4);
    u.lineStyle(0, 0xff0000), u.moveTo(-5, 0), u.lineTo(5, 0), u.moveTo(0, -5), u.lineTo(0, 5);
    u._x=_xmouse, u._y=_ymouse;
    md = 0;
    // länge
    t.text = "Strecke: "+(Math.sqrt(Math.pow((Math.abs(kreuz._x-kreuz1._x)), 2)+Math.pow((Math.abs(_kreuz._y-_kreuz1._y)), 2)))+" px";
    t.setTextFormat(tf);
    setInterval(deletePoints, 1000);
}; 

hallo thorben,
das script erzeugt irgendwie eine schleife im ausgabefeld. es taucht immer wieder der begriff "gelöscht" auf. das läßt sich auch nicht stoppen (?)
gruss p.m.

...und man kann nur einmal messen, danach löscht er sofort das erste kreuz usw.
gruss p.m.

[thorben.schmitt]

ups, mein fehler:

// Textfeld erstellen
this.createTextField("t", 1, 0, 0, 100, 16);
t.border=true, t.selectable=false, t.text="Strecke: 0 px";
// neues textformat:
tf = new TextFormat();
tf.font = "Verdana";
tf.size = 10;
t.setTextFormat(tf);
// punkte löschen:
function deletePoints() {
    removeMovieClip(kreuz);
    removeMovieClip(kreuz1);
    removeMovieClip(line);
    trace("gelöscht");
    clearInterval(del);
}
onMouseDown = function () {
    var o = this.createEmptyMovieClip("kreuz", 3);
    var k = this.createEmptyMovieClip("line", 2);
    o.lineStyle(0, 0xff0000), o.moveTo(-5, 0), o.lineTo(5, 0), o.moveTo(0, -5), o.lineTo(0, 5);
    o._x=_xmouse, o._y=_ymouse;
    k._x=_xmouse, k._y=_ymouse;
    md = 1;
    k.onEnterFrame = function() {
        if (md) {
            this.clear();
            this.lineStyle(0), this.lineTo(_xmouse-o._x, _root._ymouse-o._y);
        } else {
            delete this.onEnterFrame;
        }
    };
};
onMouseUp = function () {
    var u = this.createEmptyMovieClip("kreuz1", 4);
    u.lineStyle(0, 0xff0000), u.moveTo(-5, 0), u.lineTo(5, 0), u.moveTo(0, -5), u.lineTo(0, 5);
    u._x=_xmouse, u._y=_ymouse;
    md = 0;
    // länge
    t.text = "Strecke: "+(Math.sqrt(Math.pow((Math.abs(kreuz._x-kreuz1._x)), 2)+Math.pow((Math.abs(_kreuz._y-_kreuz1._y)), 2)))+" px";
    t.setTextFormat(tf);
    del = setInterval(deletePoints, 1000);
}; 

... funktioniert prima, aber einen kleine schönheitsfehler gibt es noch: solange man schön langsam misst, das ergebnis abwartet und dann wieder misst funktioniert alles einwandfrei. wenn mann aber ein bißchen hastet und schon die zweite messung beginnt, obwohl die erste noch nicht beendet ist, verschwinden die kreuze wieder und eine weitere messung ist nicht möglich (?)
ABER RESPECT!!! ich weiss nicht wie ich ohne deine hilfe zu einem ergebnis gekommen wäre!
gruss p.m.

[thorben.schmitt]

schreib mal in die MouseDown-function einfach

deletePoints() 

dann sollte es auch gehen