Skid
Erfahrenes Mitglied
Hallo zusammen,
ich suche nach einer Möglichkeit einen gepunkteten Pfad nach und nach sichtbar zu machen. Falls sich jemand an den Film "Indiana Jones" erinnert: Wenn der Protagonist reist, wird immer eine Landkarte gezeigt auf der ein roter Pfad nach und nach sichtbar wird. Bei mir ist es ähnlich: Ich versuche auf einem Bild einen gepunkteten Pfad nach und nach sichtbar zu machen.
Ich habe es schon mit SVG probiert und habe einen SVG-Pfad über ein Bild gelegt um dort nur diesen Pfad sichtbar zu machen. Das Ergebnis war allerdings eher mangelhaft und nicht zu gebrauchen. Ich hatte auch schon darüber nachgedacht, die einzelnen Punkte nach und nach in deren Transparenz zu ändern, aber da sitze ich wahrscheinlich morgen noch. Über die Animation von stroke-dasharray und stroke-dashoffset erreiche ich nur, dass sich die Punkte selbst auf dem Pfad hin und her bewegen. So soll das eigentlich nicht sein ...
Ich habe eben ein BILD erstellt, um das etwas zu verdeutlichen. Darauf ist ein Pfad (rot; nicht zwingend notwendig, wenn nicht SVG verwendet wird) zusehen, auf dem die einzelnen Punkte (schwarz) nach und nach für jedes Bild (Nummerierung) sichtbar werden. Vielleicht trägt das zur Veranschaulichung bei!
Danke euch!
ich suche nach einer Möglichkeit einen gepunkteten Pfad nach und nach sichtbar zu machen. Falls sich jemand an den Film "Indiana Jones" erinnert: Wenn der Protagonist reist, wird immer eine Landkarte gezeigt auf der ein roter Pfad nach und nach sichtbar wird. Bei mir ist es ähnlich: Ich versuche auf einem Bild einen gepunkteten Pfad nach und nach sichtbar zu machen.
Ich habe es schon mit SVG probiert und habe einen SVG-Pfad über ein Bild gelegt um dort nur diesen Pfad sichtbar zu machen. Das Ergebnis war allerdings eher mangelhaft und nicht zu gebrauchen. Ich hatte auch schon darüber nachgedacht, die einzelnen Punkte nach und nach in deren Transparenz zu ändern, aber da sitze ich wahrscheinlich morgen noch. Über die Animation von stroke-dasharray und stroke-dashoffset erreiche ich nur, dass sich die Punkte selbst auf dem Pfad hin und her bewegen. So soll das eigentlich nicht sein ...
Ich habe eben ein BILD erstellt, um das etwas zu verdeutlichen. Darauf ist ein Pfad (rot; nicht zwingend notwendig, wenn nicht SVG verwendet wird) zusehen, auf dem die einzelnen Punkte (schwarz) nach und nach für jedes Bild (Nummerierung) sichtbar werden. Vielleicht trägt das zur Veranschaulichung bei!
Danke euch!