Hacker News new | ask | show | jobs
Show HN: Granim.js – Create fluid and interactive gradients animations (sarcadass.github.io)
74 points by Sarcadass 3583 days ago
6 comments
jablan 3582 days ago
Why these things always have to be so CPU intensive?
link
whorleater 3582 days ago
Probably because they're calculating the offset of the gradients at each step, resulting in a lot of array calculations.
link
SimeVidas 3582 days ago
How did you test?
link
mohsinr 3582 days ago
Wow it looks great on my Android phone, Chrome browser. Just wanted to know how compatible it is with other browsers there on desktop and mobile...

Great work, keep it up!

link
hadrien01 3582 days ago
Surprisingly fluid on Windows Phone 8.1!
link
Reefersleep 3582 days ago
Smooth as butter in Safari on iPhone 6.
link
mohsinr 3582 days ago
Great news as lot of our target market is there.
link
SnaKeZ 3582 days ago
Fluid on Firefox Mobile (Moto G 1st with Android M by CyanogenMod)
link
untilHellbanned 3582 days ago
Looks great, does anyone have ideas on where they could use it? I'm trying to think...
link
nmstoker 3582 days ago
Perhaps an elegant chatbot UI in the style of the film Her, signalling comprehension, attention or even emotions or with the gradient shift?
link
caub 3582 days ago
What's the point with web animation API now?
link
jonathanyc 3582 days ago
Gradient values are unfortunately not interpolable in Firefox, Chrome, Safari, etc.
link
rpwverheij 3582 days ago
really nice! I was looking for something like this a little while ago and couldnt find it. bookmarking
link
imaginenore 3582 days ago
Do we really need a framework for this? It's some basic CSS.
link
detaro 3582 days ago
Is it? I thought a lot of aspects of CSS gradients couldn't be animated?

Also, I wouldn't call this a "framework"...

link