Snabbt.js
Dev tools
javascript animation library
SHOW HN2015
How HN took it
10 positive, 15 neutral or asking, 0 mixed, 7 critical, out of 32 comments about the project. Thread score +0.21.
Design: 0 for, 5 againstPerformance: 2 for, 1 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
Demo is very fast and smooth, impressive performance
From 3 comments
Extremely impressive demo. This is how a Show HN for a front-end library should always be: take me straight to a demo of the coolest part. What exactly makes this so fast? I'm…
habosa on HNJaw dropping demo, great work!
supster on HNThis is incredibly impressive. Thank you for sharing.
GordyMD on HN
Small library size
From 1 comment
This is under 4kb.
paulrosenzweig on HN
Objections
Non-camelCase naming is unidiomatic for JavaScript
From 2 comments
The demo is certainly impressive, but the API doesn't look very idiomatic: - JS is a camelCased language. While I certainly appreciate snake_case in Python, it doesn't belong in…
bsimpson on HNI'm a big believer in consistent, readable codebases. Anything that doesn't make it easier to understand and improve the code shouldn't be occupying your headspace. You should…
bsimpson on HN
Allocates many typed arrays per tick, causing garbage
From 2 comments
Nice library. The current implementation leads to a lot of garbage since you are allocating several typed arrays per tick for each tween. Also looks like gimbal lock and Euler…
mattdesl on HNJS animations are inherently very fast, most likely because you're running a modern browser. :) The code is basically just computing a 4x4 matrix for each card per frame built up…
mattdesl on HN
Euler interpolation may cause gimbal lock in 3D rotations
From 1 comment
Nice library. The current implementation leads to a lot of garbage since you are allocating several typed arrays per tick for each tween. Also looks like gimbal lock and Euler…
mattdesl on HN
Shapes distort when browser window is resized
From 1 comment
Really impressive! I like this a lot. One thing I noted however, was when I resize and refresh to a smaller browser size the squares turn into long rectangles. Is there a way to…
burger_moon on HN
Requests
Test with photos of varying quality
From 1 comment
An impressive demo, but I'd like to see this being done with photos of varying quality and see how the performance fairs. I've got a Chrome extension that I could probably use…
danatkinson on HN
Show equivalent of createjs timeline
From 1 comment
how would one do the equivalent of the createjs timeline?
grandalf on HN
Questions
What makes it so fast?
From 1 comment
Extremely impressive demo. This is how a Show HN for a front-end library should always be: take me straight to a demo of the coolest part. What exactly makes this so fast? I'm…
habosa on HN
How does it differ from famo.us?
From 1 comment
This looks very similar to http://famo.us/. What is the main difference of Snabbt.js as compared to famo.us?
rsp1984 on HN
Alternatives named
Velocity.js
From 1 comment
Velocity.js http://julian.com/research/velocity/ is pretty damn good already and just 12kb Gzipped.
baskind on HN
famo.us
From 2 comments
This looks very similar to http://famo.us/. What is the main difference of Snabbt.js as compared to famo.us?
rsp1984 on HNObviously famo.us is more famous than snabbt.js. But seriously, they both do the same thing. Instead of using css transitions they both use request animation frames and then only…
thomasfl on HN
tweenr
From 1 comment
Competition is healthy. :) https://www.npmjs.com/package/tweenr Besides, different authors will tackle the problem a little differently.
mattdesl on HN