Show HN: Ramjet.js – Morph DOM elements into each other
rich-harris.co.uk
Show HN: Ramjet.js – Morph DOM elements into each other
1–10 of 37 posts
Re: Show HN: Ramjet.js – Morph DOM elements into each other
#2For such a simple effect, it works really well. Did you write your own easing functions, or did you use one of the libraries like Tween.js?
Re: Show HN: Ramjet.js – Morph DOM elements into each other
#3Nothing to add other than...fantastic! I have to think of ways to use this!
Re: Show HN: Ramjet.js – Morph DOM elements into each other
#4For such a simple effect, it works really well. Did you write your own easing functions, or did you use one of the libraries like Tween.js?
The easing functions on the demo page are from https://www.npmjs.com/package/eases - ramjet will take any easing function (it should accept a value between 0 and 1, and return similar). For convenience, ramjet.linear, ramjet.easeIn, ramjet.easeOut and ramjet.easeInOut are included, but for best results I'd recommend combining it with an external easing library like eases.
Re: Show HN: Ramjet.js – Morph DOM elements into each other
#5Very cool effect and looks very smooth and "believeable"
Re: Show HN: Ramjet.js – Morph DOM elements into each other
#6Reminds me of "tweening" in Flash. Ah, the good old days...
Re: Show HN: Ramjet.js – Morph DOM elements into each other
#7This is awesome. I will definitely be using this in a project this weekend.
Re: Show HN: Ramjet.js – Morph DOM elements into each other
#8Very 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 too much performance hit?
Anyway, regardless of the above, looks awesome on your demo page.
Re: Show HN: Ramjet.js – Morph DOM elements into each other
#9This looks amazing. Great work.
Re: Show HN: Ramjet.js – Morph DOM elements into each other
#10I've been looking for something like this. Awesome, great work.