Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Animated dash line #805

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Animated dash line #805

wants to merge 2 commits into from

Conversation

langsmith
Copy link
Contributor

Resolves #795

@langsmith
Copy link
Contributor Author

Making progress on this. Not sure why the LineLayer is flashing though. My guess is that it has to do with the calculations that I'm doing in the Runnable's run() method 🤔

ezgif com-optimize

@tonylikestoburns
Copy link

Thank you

@langsmith
Copy link
Contributor Author

You got it @tonylikestoburns . That's why this app exists 👍 Thanks for your interest in Mapbox.

@harry-wilson
Copy link

harry-wilson commented May 9, 2019

@langsmith is this feature has been implemented to animate the dashed lines?

@langsmith
Copy link
Contributor Author

hey @harry-wilson , thanks for your interest in Mapbox. I still haven't figured out how to get rid of the flashing, nor the right lineDasharray values to have the lines look like they're moving seamlessly. You'll notice in the GIF above that at a certain point, the lines appear as if they're coming out of a dot.

cc @1ec5 who's accomplished this marching ants look on other platforms.

@harry-wilson
Copy link

Thanks @langsmith for your effort on the task. I'll be waiting for this amazing feature to apply for traffic flows.

@langsmith langsmith force-pushed the la-animated-dash-line branch 4 times, most recently from 59c9ea7 to 6f24811 Compare June 4, 2019 19:48
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Add animated dash line example
4 participants