Really silly request, but could someone provide an implementation where I can just drop in an svg and it would have this effect? Please, and thank you.
Walkway.js
41–50 of 53 posts
Re: Walkway.js
#42Really silly request, but could someone provide an implementation where I can just drop in an svg and it would have this effect? Please, and thank you.
Have a look at lazy line painter
Re: Walkway.js
#43Very nice. It's funny, I keep clicking on these 'new JS library' links thinking, oh geez, not another one... but then I leave thinking, wow, that is very impressive and super useful.
Re: Walkway.js
#44Really silly request, but could someone provide an implementation where I can just drop in an svg and it would have this effect? Please, and thank you.
Have a look at lazy line painter http://lazylinepainter.info/
Gotcha. The next step is making an animatable SVG. I'm trying to follow https://inkscape.org/doc/tracing/tutorial-tracing.html
Re: Walkway.js
#45Sorry guys, I really didn't expect this much traffic. I still have to do some compatibility testing, I'm aiming to do it this weekend.
Works well on Windows Phone 8.1.
I'm telling you because I'm pretty sure I'm the only Windows Phone user worldwide.
Re: Walkway.js
#46I made this http://grayarea.org/theater/ after being inspired by the Polygon animations.
I'm using Two.js https://github.com/jonobr1/two.js to do the SVG interpreting and processing.
Re: Walkway.js
#47Re: Walkway.js
#48Firefox 33.0.2 on OSX 10.9 here. It renders well if the tab is in focus (fantastic work!) but there's a bug: if I open it in a tab in the background, and visit it later (after the animation would have completed?) I see only a nearly-blank page. Confused me for a bit, as I open mass-tabs here on HN...
The Page Visibility API would help fix this. https://developer.mozilla.org/en-US/docs/Web/Guide/User_expe...
Re: Walkway.js
#49This article by Jake Archibald does a good job of explaining the underlying mechanism used by libraries such as walkway.js: http://jakearchibald.com/2013/animated-line-drawing-svg/.
Re: Walkway.js
#50[deleted]