stankot

I've figured it out. The error means that this call fails:

    const animation = animationElement.getAnimations()[0];

As Firefox supports `getAnimations` since 2020, I figured something else is messing up with it. I've tried to enable "reduced motion" in the system settings and it broke the animation!

It is because I had force-disabled all animations on the site when this option is enabled.

I patched it, it should work now. Thank you for your help!

EDIT: typo

EDIT2: I also added simple error handling to display a message if parsing the animation fails.

stankot

tahun laludiscuss

Go for it, and share a link!

stankot

tahun laludiscuss

Thanks for checking, I’ll try to see what is going on.

stankot

tahun laludiscuss

That is weird, because it is HTML/CSS only. Do you see anything that would help me debug it? Could it be that an add-on (content blocker) messes up with it? I don't have an android device to test. I don't see any issues on desktop and ios though.

stankot

tahun laludiscuss

Tixy is amazing! I built something very similar:

https://muffinman.io/pulsar/

I wanted to create animations for my LED matrix screen, and I couldn’t find tixy anywhere. Only after I built pulsar I found it again.

Another similar project is https://sliderland.blinry.org/ which uses HTML sliders.

Fun stuff!

stankot

tahun laludiscuss

I stumbled on this some time ago and saved it for when my kid grows up enough. It is a collection of a few thousands kid friendly videos. I think their curation is pretty good, but check it out for yourself.

https://thekidshouldseethis.com/

stankot

tahun laludiscuss

Thank you! There is nothing wrong with large libraries. But you are right, there is something very satisfactory in solving a problem in a few lines of code.

stankot

tahun laludiscuss

Thank you, you made my day!

stankot

tahun laludiscuss

Thanks for the tip! Does it make paper shiny and stiff?

stankot

tahun laludiscuss

This is awesome! I’ve seen it but forgot to bookmark it, thanks for sharing it again.

stankot

tahun laludiscuss

Sure, I think the hard part is creating hand drawn animation. If you can draw or generate it, the rest is fairly straight forward.

I have an idea for somewhat different flip animation, stay tuned :)

stankot

tahun laludiscuss

Actually that's my usual approach, but you should see the vector output from these. I tried doing it and than went back to cleaning up the raster images.

stankot

tahun laludiscuss

For me, pen plotting is a lot of fun. There is something so satisfying in bringing digital work to the physical world.

As for the text, I have it on my todo list to create a few single line fonts, for some time now. The obvious one is my own handwriting, ideally with some randomness built in. I would like others to be less conventional to sprinkle them in my drawings, or like you mentioned, to create some pieces that are text only.

stankot

tahun laludiscuss

That is correct. I use AxiDraw SE/A3 and I love it. One of the best purchases I ever made.

Submissions

Show HN: Monorail – Turn CSS animations into interactive SVG graphs

Show HN: Bard – An Experiment in Robot Poetry

Ask HN: How do you ensure you don't get locked from your email?

CSS-Only Glitch Effect

Bunny Jumps Again

Show HN: The Tiny Book of Great Joys

comments