What is the script for creating the effect of destroying html elements?

Question

JavaScript

Hey! I googled, didn’t find anything sensible, can you tell me:
There is a need at some point to launch the effect of destroying the html page, so that all the elements of the page scatter to the sides like an explosion and eventually fall to the very bottom of the page / or disappear.
Have you seen something similar in the finished form? Or just implement it yourself?

Answer 1

It became interesting for myself, for example, I implemented the effect of the page breaking into fragments. Based on the ready-made canvas shards scattering effect (uses the delaunay.js, TweenMax.js libraries) + screwed up the page rendering using the html2canvas.js library. It turned out like this , here is the code . It is important that all pictures that are used in the background, etc. were on the same hosting with the site, otherwise html2canvas will not render them. Since cross origin... If you know how to work with canvas, you can come up with some interesting effect of your own. If you wish, you can screw the same box2d engine, make explosions and explosions in physics if you have hands....

Answer 2

it is unlikely that you will find something ready-made at least something similar to me once and caught my eye and
it’s not to say that there was a mega-complicated implementation if the site was normally marked into blocks