4 ms·
Show HN: Bouncy Ball – A TodoMVC for web animation
- intruder 10y agoVery neat. Thank you for such a nice overview.
- NikhilVerma 10y agoOn a similar note I was trying to make more cartoony animations with CSS: http://jsbin.com/ravic/42 http://jsbin.com/ravic/42
- hiven 10y agoCSS seems the smoothest on my phone
- artursapek 10y agoDo phones benefit from hardware acceleration?
- jeffhuys 10y agoYeah, they most certainly do.
- stevejohnson 10y agoOne issue here is there's no exact test case. As a result, all variants seem to use slightly different timing curves. Maybe that's irrelevant, but it's at least annoying to look at. (Not to say I don't appreciate this page.)
- bryanbraun 10y agoYeah, there's definitely room for refinement there. It's a bit tricky since different libraries support different easings (and the interfaces vary widely).
- maxwelljoslyn 10y agoGood work. Clean, well-presented, well-commented, and easy to use.
- lojack 10y agoNoticing some artifacts in Web Animations API, Greensock, Vanilla JS, and CSS. Looks like a single 1px line above/below the ball. Wonder what the cause of it is. Using Chrome on OSX.
- polysaturate 10y agoI am experiencing the same exact combination here. Chrome OSX as well.
- bryanbraun 10y agoI've got Chrome on OSX but I can't see it. What color line are you seeing? Maybe you can drop a screenshot into an issue on github? (https://github.com/sparkbox/bouncy-ball/issues/new https://github.com/sparkbox/bouncy-ball/issues/new)
- acangiano 10y agoThe jQuery version has artificacts for me on mobile (iPhone 6s Plus with Safari). Nevertheless, I like the idea. Well done.
- pests 10y agoVanilla JS, CSS, Velocity, and Web Animations API are not working for me. Greeksock didn't work at first but enough clicks later it worked. Sometimes I'd see the ball for a few frames at the top of its drop before nothing. Firefox 45.0.2 on Ubuntu 16.04. Otherwise looks good!
- bryanbraun 10y agoOh interesting. I'll look into that.
- frou_dh 10y agoThere could be a solution using elm-lang as a curveball. Graphics seem up its alley.
- WheelsAtLarge 10y agoNice, thanks for the demo. I used to be a web developer awhile back but had no idea you could do this type of animation with pure css. Looks like I need to refresh my skills.