Ramjet.js
Languages and libraries
javascript animation library
SHOW HN2015
How HN took it
11 positive, 6 neutral or asking, 2 mixed, 1 critical, out of 20 comments about the project. Thread score +0.47.
Idea: 2 for, 0 againstDesign: 2 for, 0 againstExecution: 0 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
Useful for transitions and visual continuity
From 3 comments
This is a great way to implement the principles of meaningful transition and visual continuity mentioned in the Material Design doc. When Material Design was introduced I thought…
clement75009 on HNI've been looking for something like this. Awesome, great work.
kveykva on HNThis is awesome. I will definitely be using this in a project this weekend.
josephpmay on HN
Objections
Breaks when user scrolls during animation in some browsers
From 2 comments
By using position: fixed they bork themselves if the user scrolls during an animation. (Easily verified by scrolling while watching the demo.) This seems fixable (no pun…
Tloewald on HNI was using chrome on the Mac and easily got aberrations. I can see issues with morphing to/from svg in mobile safari but it's actually barely noticeable even when torturing the…
Tloewald on HN
Browser support concerns, special cases for IE 11, Safari and Firefox
From 1 comment
That's very nice. Looks like browser support is a problem, though; there are special cases for IE 11, Safari, and Firefox. I thought we were past that. I have an application for…
Animats on HN
Performance with many elements is untested
From 1 comment
Very cool, I could definitely see this being used to create some interesting games. Does it scale well when using a lot of elements? Can you get a bunch moving at once without…
smhenderson on HN
Requests
Document browser support prominently
From 1 comment
Awesome stuff. I would advise you to prominently display information about what all browsers it supports.
jigneshhk on HN
Fix aberrations when morphing to or from SVG
From 2 comments
Are the aberrations related to transitions into or out of the SVG element (the purple box)? If so, I've just added an issue for that: https://github.com/Rich-Harris/ramjet/issues/6
rich_harris on HNExactly — not a big deal, but worth fixing I think.
Tloewald on HN
Questions
Does it scale to many elements at once?
From 1 comment
Very cool, I could definitely see this being used to create some interesting games. Does it scale well when using a lot of elements? Can you get a bunch moving at once without…
smhenderson on HN
Can it work with spring-physics easing like Rebound.js?
From 1 comment
So does it mean it can be used with things like Rebound.js (http://facebook.github.io/rebound-js/examples/) to provide spring like animation?
fredliu on HN
Does it work with already-animated CSS elements?
From 1 comment
Does it also work if the source and target are already animated, e.g., using CSS?
amelius on HN
Alternatives named
Tweening in Flash
From 1 comment
Reminds me of "tweening" in Flash. Ah, the good old days...
artursapek on HN
Rebound.js
From 1 comment
So does it mean it can be used with things like Rebound.js (http://facebook.github.io/rebound-js/examples/) to provide spring like animation?
fredliu on HN