Bouncy Ball
Languages and libraries
animation demo
SHOW HN2016
How HN took it
4 positive, 1 neutral or asking, 1 mixed, 4 critical, out of 10 comments about the project. Thread score +0.04.
Execution: 0 for, 4 againstDocs: 2 for, 0 againstIdea: 1 for, 0 againstPerformance: 1 for, 0 against
The thread, comment by comment
Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.
positive neutral or mixed critical about another commenter or something else the maker
What HN said
What people liked
Clean, well-presented, and easy to use
From 2 comments
Good work. Clean, well-presented, well-commented, and easy to use.
maxwelljoslyn on HNVery neat. Thank you for such a nice overview.
intruder on HN
Good idea and nice overview of techniques
From 2 comments
The jQuery version has artificacts for me on mobile (iPhone 6s Plus with Safari). Nevertheless, I like the idea. Well done.
acangiano on HNVery neat. Thank you for such a nice overview.
intruder on HN
Objections
Rendering artifacts such as a stray 1px line in Chrome on OSX
From 2 comments
Noticing 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…
lojack on HNI am experiencing the same exact combination here. Chrome OSX as well.
polysaturate on HN
Animations not working in some browsers (Firefox on Ubuntu)
From 1 comment
Vanilla 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…
pests on HN
Artifacts on mobile Safari with the jQuery version
From 1 comment
The jQuery version has artificacts for me on mobile (iPhone 6s Plus with Safari). Nevertheless, I like the idea. Well done.
acangiano on HN
Inconsistent timing curves across variants
From 1 comment
One 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…
stevejohnson on HN
Requests
Use a consistent timing curve across variants
From 1 comment
One 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…
stevejohnson on HN
Add an Elm version
From 1 comment
There could be a solution using elm-lang as a curveball. Graphics seem up its alley.
frou_dh on HN
Questions
What causes the stray line artifact
From 1 comment
Noticing 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…
lojack on HN
Whether phones benefit from hardware acceleration
From 2 comments
Do phones benefit from hardware acceleration?
artursapek on HNYeah, they most certainly do.
jeffhuys on HN
Alternatives named
Raw CSS animations
From 3 comments
On a similar note I was trying to make more cartoony animations with CSS: http://jsbin.com/ravic/42
NikhilVerma on HNNice, 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.
WheelsAtLarge on HNCSS seems the smoothest on my phone
hiven on HN
GreenSock
From 1 comment
Noticing 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…
lojack on HN
Velocity.js
From 1 comment
Vanilla 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…
pests on HN