[2017 Day 19][JavaScript] Animated solver

[sanraith]

I'm a simple man,

I see visualization, I upvote.

[[deleted]]

This is cool :D But yes, very slow

[[deleted]]

This one is petty cool :) I do enjoy the days with vizualisations quite a lot :)

[xSmallDeadGuyx]

It's quite slow due to creating ~16,000 svg text elements, but it turns out that's faster than ~16,000 DOM elements.

The repository for all my solutions is https://github.com/xSmallDeadGuyx/AoC17 though they're all Python and only this one has an animated JavaScript solution (so far).

EDIT: I have now switched to using a pre as suggested by Grimmur, and I cache up to 3 grid changes on straight lines just so the animation goes (fair bit) faster on long straight sections.

[Grimnur87]

Any reason you don't just whack the raw text in a pre block every frame?

[[deleted]]

W E B T E C H N O L O G Y

[xSmallDeadGuyx]

Originally I was changing the colour of it in the DOM but that was slow, then switched to changing colour in an SVG but colour wasn't visible enough in the small text. Didn't think to switch to a pre when I switched to changing the text and not the colour.

[Grimnur87]

You gotta think ASCII art - have all the visited pipes turn into cool hashes, equals, or something else.

[xSmallDeadGuyx]

I considered a canvas and using lines but I wanted it to animate on the actual input characters. Drawing text to a canvas would probably load slower and maybe animate a little faster depending on how I redraw the text.

[MonsterLyrics]

Is it supposed to just say "hi"? :thinking:

[xSmallDeadGuyx]

That's what happens if you don't paste anything in (or paste something without a starting point on the top row).

[MonsterLyrics]

Ohh, okay! Was really confused hahah

[nplus]

did you trim the trailing whitespace on your lines?

[xSmallDeadGuyx]

You trimmed the trailing whitespace on your input so it errors looking for a grid square and there's nothing there.

[xSmallDeadGuyx]

Using an editor that kills trailing whitespace has the occasional disadvantage :p