Walkway.js • Hacker News Board

Re: Walkway.js

#21

Post by bengali3 » Fri, Oct 31, 2014, 5:39 PM UTC

chadillac wrote: post #2

Nice work, looks great.

agreed!

Re: Walkway.js

#22

Post by liminal » Fri, Oct 31, 2014, 5:46 PM UTC

This seems like an awful lot of code for animating the path's strokeDashArray and strokeDashOffset attributes. Especially if you're already using another library with built in transitions, such as D3 or even jQuery.

Re: Walkway.js

#23

Post by RBerenguel » Fri, Oct 31, 2014, 5:46 PM UTC

erex78 wrote: post #10

How would somebody do this w/ D3? Are there any similar bl.ocks that anybody knows about?

Since you can write more or less, arbitrary "tween" functions in D3 (I learnt more than I wanted to about these when I wrote the dynamic "semaphore pie" we used here [1] ) it's relatively viable to do it for paths created from within D3. For paths already present and wanting to be selected... I guess it would work pretty much the same, since d3 selectors are more or less good to go with embedded SVGs, IIRC.

It's actually a very nice trick (and I love moving things around in graphs), and I'm intrigued by how I'd do it with D3. If I have any free time this weekend I'll look into it ;)

[1] VanillaSEO: http://vanillaseo.com/report/20141030fdec7fda61eafac3b8dca58...

Ninja edit (or almost): Here's the relevant part of d3 docs about tweens: https://github.com/mbostock/d3/wiki/Transitions

Re: Walkway.js

#24

Post by [deleted] » Fri, Oct 31, 2014, 5:47 PM UTC

[deleted]

Re: Walkway.js

#25

Post by ChrisArchitect » Fri, Oct 31, 2014, 5:49 PM UTC

was gonna ask if inspired by Verge/Polygon console reviews from awhile back... nice.

Re: Walkway.js

#26

Post by drunken_thor » Fri, Oct 31, 2014, 5:59 PM UTC

it seems that it doesnt run if I open this in a new tab and stay on the current page but if I reload the page it works (all done with chrome) Seems like a page focus event gone wrong

Re: Walkway.js

#27

Post by lnanek2 » Fri, Oct 31, 2014, 6:03 PM UTC

make sure to leave and come back/hit refresh etc to try to get the animation to fire. looks cool, although there was nothing on the screen the first time i went to the tab on Chrome/MacOSX

Re: Walkway.js

#28

Post by cdnsteve » Fri, Oct 31, 2014, 6:04 PM UTC

Should be called Hawt.JS

Re: Walkway.js

#29

Post by Zaheer » Fri, Oct 31, 2014, 6:05 PM UTC

connoratherton wrote: post #13

sergiosgc wrote: post #9

The current link does not work for me (Firefox 36.0a1 on Debian). The correct content seems to be here: http://connor-personal.herokuapp.com/walkway Why doesn't it work? I imagine it's this funky DNS config: sergio@sergio-laptop:~ > dig www.connoratherton.com ;; QUESTION SECTION: ;www.connoratherton.com. IN A ;; ANSWER SECTION: www.connoratherton.com. 3529 IN CNAME http://connor-personal.herokuapp.com. http://connor-…

Switched to Google domains a few days ago, still configuring it properly. Thanks for letting me know about the link, looking into it.

Do you happen to have any extra invites for Google domains?

Re: Walkway.js

#30

Post by mintone » Fri, Oct 31, 2014, 6:08 PM UTC

[deleted] wrote: post #24

[deleted]

--"I loved the animations for the polygon ps4 review a few months back and decided to create a small library to re-create them."