Hello happy coders!
I found this particle code on another post and updated it make it work for my purpose... see codepen. Every time you mouse-over the black area, 300 particles (divs) are added and animated. While it looks pretty smooth in Safari & Firefox - it's not smooth at all in Chrome. And I know the processor load is pretty high in all browsers.
How can I improve the code to make it run more smoothly with less processor load? Maybe using canvas might be a bett
Canvas Appears Blurry
On HiDPI screens, like Retina, 4K/5K, and a lot of phones, the canvas may appear blurry. The TL;DR version of it is that you need to scale the canvas to match to the pixel density.
This should appear sharp on a HiDPI screen.
See the Pen b5596e04392578c09763f53f5e4ba8b2 by osublake (@osublake) on CodePen
This may appear blurry on a HiDPI screen.
See the Pen 29e8ca83d