4 ms·

also gooey effects! https://css-tricks.com/gooey-effect/ https://css-tricks.com/gooey-effect/ https://tympanus.net/Development/CreativeGooeyEffects/player.htm

• Guillaume86 7y ago
  Funny I discovered that effect last week in react-spring examples: https://codesandbox.io/embed/8zx4ppk01l https://codesandbox.io/embed/8zx4ppk01l
  • mncharity 7y ago
    Reminds me of fission/fusion of large (so like liquid drops) atomic nuclei[1]. But for the long-range force being attractive. Perhaps one might reverse that, and chase it around the box, forcing fusion? [1] https://www.youtube.com/watch?v=AVKZDmYrTHo https://www.youtube.com/watch?v=AVKZDmYrTHo
• mncharity 7y ago
  The blurry variant of "Making Things Stick" reminds me of a hydrogen molecule bonding[1]. It might be interesting to tune an svg filter against a ground truth like [2] - if the difference can be made small, it might be useful for educational interactives? I wonder if one could get something complex like [3]? [1] http://phelafel.technion.ac.il/~orcohen/h2/h2_45.gif http://phelafel.technion.ac.il/~orcohen/h2/h2_45.gif from frame http://phelafel.technion.ac.il/~orcohen/h2.html http://phelafel.technion.ac.il/~orcohen/h2.html of http://phelafel.technion.ac.il/~orcohen/DFTVisualize.html http://phelafel.technion.ac.il/~orcohen/DFTVisualize.html [2] https://wiki.fysik.dtu.dk/gpaw/tutorials/bader/bader.html https://wiki.fysik.dtu.dk/gpaw/tutorials/bader/bader.html [3] image https://i.insider.com/5249da00eab8ea2172fa799a?width=700&format=jpeg&auto=webp https://i.insider.com/5249da00eab8ea2172fa799a?width=700&for... via https://www.businessinsider.com/first-images-of-a-hydrogen-bond-2013-9 https://www.businessinsider.com/first-images-of-a-hydrogen-b... from paywalled https://science.sciencemag.org/content/340/6139/1434.abstract https://science.sciencemag.org/content/340/6139/1434.abstrac...
• cobalt 7y ago
  also known as meta blobs/balls