Most active commenters

    ←back to thread

    AnimeJs v4 Is Here

    (animejs.com)
    973 points adrianvoica | 14 comments | | HN request time: 1.083s | source | bottom
    Show context
    jacobgkau ◴[] No.43572742[source]
    Scrolling through that landing page felt a lot smoother & snappier than I would've expected for a page looking like that.
    replies(8): >>43572942 #>>43573119 #>>43574072 #>>43574981 #>>43575013 #>>43578231 #>>43579154 #>>43591513 #
    1. ryandrake ◴[] No.43574981[source]
    It's clever, but honestly I don't care how smooth it is. Scrolling should simply scroll a view up or down a page. Not invoke animation. We already have established UX patterns for playing media, slowing it down, speeding it up, randomly seeking through it.
    replies(6): >>43575007 #>>43575116 #>>43575711 #>>43575864 #>>43575870 #>>43576207 #
    2. mcluck ◴[] No.43575007[source]
    False. Let the web be fun again
    3. robertlagrant ◴[] No.43575116[source]
    Animation isn't really "playing media".
    4. jacobgkau ◴[] No.43575711[source]
    Part of the smoothness here is that scrolling the text is 1:1 once you get down to the sections with colored headers. It demonstrates that it's possible to make a page look fancy like that without "breaking" your intuition of what scrolling "should be."

    JS animations obviously don't take the place of video/audio media that you'd play/scrub through.

    replies(1): >>43583549 #
    5. jonwinstanley ◴[] No.43575864[source]
    So what would you suggest to use to move the animation forward?
    replies(3): >>43576694 #>>43577235 #>>43585462 #
    6. derac ◴[] No.43575870[source]
    For most websites, sure. For this website? It makes sense, it's a great demo for the product.
    7. johnsanders ◴[] No.43576207[source]
    It's not so much about playing/slowing/speeding up an animation or video. It's about moving forward and backward through an "experience," as much as I dislike the overuse of that word. I'd suggest it's a natural evolution of the scroll behavior.
    8. hoc ◴[] No.43576694[source]
    That missing Playdate phone accessory.
    9. evilduck ◴[] No.43577235[source]
    Submitting a form repeatedly by hammering enter and having a new HTML fragment rendered on the server deliver the next frame, obviously.
    replies(1): >>43578186 #
    10. dalmo3 ◴[] No.43578186{3}[source]
    AnimeNoJs
    11. JulianGarnier ◴[] No.43583549[source]
    Hey I'm the author of the lib, exactly, I don't really "highjack" the body scroll, I'm only controlling the background animations with it, while keeping most of the body content scroll naturally with the page.
    12. throwaway290 ◴[] No.43585462[source]
    not use animation in the first place :)
    replies(1): >>43593632 #
    13. hydrolox ◴[] No.43593632{3}[source]
    isn't the point that it's an animation library showcasing what's possible?
    replies(1): >>43595037 #
    14. throwaway290 ◴[] No.43595037{4}[source]
    good point, I read it as about websites in general but in this case why not.