Linien einem bestimmten Pfad folgen

[ebi]

Ich suche eine Möglichkeit eine Linie einem bestimmten Pfad langlaufen zu lassen, die sich auch an "Gabelungen" teilt.

Meine Idee ist es eine Fläche voller Sechsecke zu erstellen, die nahtlos aneinander liegen. Später soll dann von der Mitte aus auf den bis dahin unsichtbaren Linien eine sichtbare Linie richtung Rand laufen.
Zum Schluss sollen dann alle Sechsecke sichtbar sein...

Hat jemand eine Idee, wie ich dies realisieren könnte?
Habe schon mal an Pfade und Masken gedacht, weiß jedeoch nicht, wie ich die Linie dazu bekomme erst mit und mit sichtbar zu werden und sich zu gabeln.

Bitte um Hilfe....

[hgseib]

Gestrichelte Linie animieren

oder animierte maske über die linien erstellen

[ebi]

Hey danke!

Das hilft mir schonmal weiter, kommt nur noch die andere Hälfte meines Problems hinzu, nämlich dass sich die Pfade verzweigen und an andren Stellen wieder zusammenlaufen.

Wie kann ich dies umsetzen?


[EDIT]
Im Anhang noch ein Bild zum besseren Verständniss, wo die rote Linie langlaufen soll. Hab mich mal in Paint künstlerich ins Zeug gelegt.

[nullidee]

geht doch ganz einfach, wie hgseib schon geschrieben hat.
einen animierte Maske darüberlegen.
als Maske einen kleinen Kreis, den du immer größer werden lässt.
entweder als Tween oder per Script.

[ebi]

Okay, danke.... ich habe mittlerweile die Hoffnung, das das mit dem Kreis wirklich klappt, da es ja immer das Gleiche Muster ist und die Abstände jeweils gleich sind..... werde es mal ausprobieren...

Danke!

[ebi]

Nabend allerseits....

Jetzt habe ich das mal so programmiert, wie ihr meintet, einfach eine Maske benutzen und als Maske einen Kreis verwenden.....

Schaut es euch selber an, was dabei rausgekommen ist:

Am Anfang "fließen" die Linien noch gleichmäßig, aber dann gibt es immer wieder Stellen, an denen fängt dann ne Linie einfach mittendrin an zu fließen und an andren Stellen fließt sie doppelt oder dreifach so schnell, wie wiederum an andren. Und dazu kommt noch, dass man den Kreis(Maske) erahnen kann und so billig aussieht.

Das ist nicht der Effekt den ich haben wollte! *traurig*

Bitte helft mir.....

[bodissimo]

meine idee dazu:

ein 6eck per shape tween erzeugen, dann ein mc draus machen und dann diesen mc zeit- und positionversetzt in der timline übereinander legen.

umständlich, aber mir fällt nichts besseres ein :-)

ergänzung: hab grad versucht mir das vorzustellen, mehrere verschiedene ani zu machen, damit die linien nicht doppelt übereinander liegen, das würde man sicher merken. habe auch versucht mir vorzustellen wo man beginnen, dann drehen u spiegeln... kanns mir nicht vorstellen, müsste man ausprobieren.
bin mir aber sicher es gibt eine bessere idee bzw lösung.

würde mich aber auch interessieren. hab mich schon öfter gefragt, wie so komplexe linien- flächenanimationen auf div webseiten gemacht werden.

[ebi]

Da bin ich wohl mal wieder mit einer meinen Designideen an die Grenzen des möglichen gestoßen, dabei sollte es nur ein kurzer Code werden.
Nur jetzt kommt da doch was Komplizierteres raus.

Ich glaube da sind mal wieder alle Kreativen unter euch gefragt! (????)
Irgendwie muss das doch gehen.


@schon mal eine Idee, zweifle aber an der Umsetzung, ob das wirklich klappt. *aber ganz lieben dank für die Idee, ist schonmal ein Anfang*

[ebi]

Da scheint wohl keiner ne Idee zu haben, wenn dieses Thema schon in den Unweiten des Forums versinkt......

[nullidee]

hab mir das nicht so kompliziert vorgestellt,
wenn die Bewegung schneller ist, sieht man doch nicht so genau, daß es eine Maske ist.

die doppelten Linien kriegst du weg, wenn du das Sechseck(das du duplizierst),
nur zur Hälfte zeichnest.

die Linien Unten, mitte links und oben links weg!

die Koordinaten genau machen, keine 0.1 und 100% skalieren