Live data from Hacker News

Show HN: Wiv.js – A library for a more wiggly div

jjkaufman.github.io

41–50 of 58 posts

Re: Show HN: Wiv.js – A library for a more wiggly div

#42

I opened this on my Notebook, and it's Fan spun out of control! it might be my ancient hardware, but this is rather CPU intensive it seems. But the effect is fun, and cool non the less! (on Linux, Xorg + Frirefox)

I have a water-cooled i7 6700k and the rising fan speed was the first thing I heard as well. Normally this does not happen when browsing the web.

Re: Show HN: Wiv.js – A library for a more wiggly div

#43
post #8

Earlier quoted context omitted.

It's already here: Material Design "ripple" effect.

The ripple actually looks good though

The ripple looks bad and is terrible for accessibility. Not everything on a page should move. Look up animation and accessibility.

Re: Show HN: Wiv.js – A library for a more wiggly div

#45

move these things into initWiv() and cache them: var speed = parseFloat(wivCurve.parentNode.dataset.wivSpeed) var height = parseFloat(wivCurve.parentNode.dataset.wivHeight) var tightness = parseFloat(wivCurve.parentNode.dataset.wivTightness) var thickness = parseFloat(wivCurve.parentNode.dataset.wivThickness) var ctx = wivCurve.getContext("2d"); do this once on init, the canvas context remembers it anyway: ctx.stroke…

Thank you for the thoughtful code review. It is already running smoother

https://github.com/jjkaufman/wiv.js/pull/5 if you are curious

Post reply on HN