Beziér-Kurven

[Johannes P.]

Hoi

hab' ein bisschen mit Bezier Kurven in Flash gespielt und das ist dabei rausgekommen:

>> Ansehen
>> Downloaden

Die kleinen Anfasser lassen sich auch manuell verschieben.

Hier ein paar Codeschnippsel:

PHP-Code:

// Setzt die "Anfasser"
movieclip.prototype.initPoints = function (setup) {
    var j = -1;
    for (var a=1; a<=4; a++) {
        attachMovie ("point", "point"+a, a);
        with (this["point"+a]) { 
            _x = setup[++j];
            _y = setup[++j];
          }
    }
}
// Zeichnet die Bezier-Kurve anhand der "Anfasser"-Koordinaten
movieclip.prototype.drawBezier = function() {
    var z = 5;
    getPoints();
    for (var i=0; i<=1; i+=0.01) {
        z++;
        _root.attachMovie("dot", "dot"+z, z);
        with (_root["dot"+z]) {
            _x = calculateBezier (x1,x2,x3,x4,i);
            _y = calculateBezier (y1,y2,y3,y4,i);
        }
    }
}
// Bewegt Objekt an Bezierkurve
movieclip.prototype.moveBezier = function () {
    getPoints();
    t<=1 ? t += 0.01 : t = 0;
    _x = calculateBezier (x1,x2,x3,x4,t);
    _y = calculateBezier (y1,y2,y3,y4,t);
}
// Berechnet die Bezier-Koordinaten
movieclip.prototype.calculateBezier = function (z1,z2,z3,z4,i) {
    return (((1-i)*(1-i)*(1-i))*z1)+((3*i)*((1-i)*(1-i))*z2)+(((3*(i*i))*(1-i))*z3)+((i*i*i)*z4);
}
// gibt die aktuellen "Anfasser"-Koordinaten zurück
movieclip.prototype.getPoints = function () {
    x1 = _root.point1._x;
    x2 = _root.point2._x;
    x3 = _root.point3._x;
    x4 = _root.point4._x;
    y1 = _root.point1._y;
    y2 = _root.point2._y;
    y3 = _root.point3._y;
    y4 = _root.point4._y;
    return x1, x2, x3, x4, y1, y2, y3, y4;
} 


Viel Spass damit

[netTrek]

SAUBER...
...und...
COOL...

SABAN

[dassoud]

da schließe ich mich an: ist richtig klasse geworden!!!

wowowow, kann nur noch staunen über die beispiele, die hier diesen monat vorgestellt werden!

hätte ich mal zeit...

grüße, dassoud

[hOk]

Ich glaub ich krieg nen Mathe-Koller,
besonders diese Zeile hat es mir angetan:

(((1-i)*(1-i)*(1-i))*z1)+((3*i)*((1-i)*(1-i))*z2)+(((3*(i*i))*(1-i))*z3)+((i*i*i)*z4);

...voll cool irgendwie, erninnert mich an die Z16.
Johannes, du Mathehengst

netten Gruß, hOk

[rena]

meine herrn .. nicht schlecht das funktioniert nicht nur fantastisch ... es sieht auch noch gut aus - was für 'ne kombination ...

@dassoud ... zeit? ja das wär was ... kenn ich

gruß
rena

[Johannes P.]

Hehe, danke danke
Diese Seite hat mich übrigens dazu inspiriert: http://www.zi.unizh.ch/publications/ps/bezier.html

[klitze7-c004]

Der Link ist cool!

Sonst sucht man immer verzweifelt auf irgendwelchen Uni-Sites, um an kleine Häppchen mathematischer Information zu kommen.

Ich dachte eigentlich Du hast das Beispiel von Flash 5 und ActionScript Professionell aus der Edition PAGE, aber da habe ich mich wohl geirrt

[Johannes P.]

oi, hast recht.. da ist wohl schon jemand vor mir auf diese Idee gekommen.. nunja.. wenigstens ist meine Umsetzung objektorientiert

[Madokan]

Find die hier aber schöner

mfg
Matze K.

[Johannes P.]

Hoi

hier eine Anwendung für die Bezierkurve.

Zufallsbewegung innerhalb eines definierten Vierecks:

>> Ansehen

PHP-Code:

movieclip.prototype.initObject = function (l, t, r, b) {
    x1 = l+random(r-l);
    x2 = l+random(r-l);
    x3 = l+random(r-l)
    x4 = l+random(r-l);
    y1 = t+random(b-t);
    y2 = t+random(b-t);
    y3 = t+random(b-t);
    y4 = t+random(b-t);
    _x = x1;
    _y = y1;
}
movieclip.prototype.moveBezier = function (l, t, r, b) {
    if (a<=1) {
          a += 0.05;
    } else {
        a = 0;
        x1 = _x;
        x2 = l+random(r-l);
        x3 = l+random(r-l)
        x4 = l+random(r-l);
          y1 = _y;
        y2 = t+random(b-t);
        y3 = t+random(b-t);
        y4 = t+random(b-t);
    }
    _x = calculateBezier (x1,x2,x3,x4,a);
    _y = calculateBezier (y1,y2,y3,y4,a);
}
movieclip.prototype.calculateBezier = function (z1,z2,z3,z4,i) {
    return (((1-i)*(1-i)*(1-i))*z1)+((3*i)*((1-i)*(1-i))*z2)+(((3*(i*i))*(1-i))*z3)+((i*i*i)*z4);
} 


Beispielaufruf:

PHP-Code:

onClipEvent (load) {
    initObject(50, 50, 500, 350);
}
onClipEvent (enterFrame) {
    moveBezier(50, 50, 500, 350);
} 


[dassoud]

jetzt hat's geklappt mit dem antworten? habe auch ca. 7-30 mails bekommen, daß du hier geantwortet hättest.

aber echt ein klasse beispiel!!! (stehst auf grüne kugeln, was? )

grüße, dassoud

[Johannes P.]

Huch, ja, vorhin war der Server wohl down, hab's ein "paar mal" probiert

.. und ja.. wer mag sie denn nicht, die grünen Kugeln *sieganzputzigfind*

[dassoud]

also ich mag sie auf jeden fall

grüße, dassoud

[hOk]

Lieber Herr P.
so kann das nicht weiter gehen, seit dem Sie hier auf dem Board sind...
...empfangene ich mathematische Schwingungen,
Schwingungen von IHNEN

netten gruß, hOk

PS.: Hab schon Angst vor dem was noch kommen könnte:
Fraktale, Kryptographie, 3Dengines usw.

[dassoud]

jau, denke auch, daß johannes uns noch einige as-leckereien servieren wird...

jetzt aber ab in die sonne, ihr auch!

grüße, dassoud