Какой есть скрипт для создания эффекта разрушения html элементов?

Question

[Дмитрий Дербенев]

Привет! Погуглил, ничего толкового не нашел, может подскажите:
Есть необходимость в определенный момент запускать эффект разрушения html страницы, чтобы все элементы страницы как взрывом разлетались в стороны и в итоге падали на самый низ страницы/либо исчезали.
Встречали что то подобное в готовом виде? Или только самому как-то реализовывать?

Comments

[twobomb]

Тип такого?

[Дмитрий Дербенев]

twobomb, да! Это то, что я искал! Но как реализовать это у себя?

Answer 1

[twobomb]

Самому стало интересно, для примера реализовал эффект разлета страницы на осколки. На основе готового эффекта разлета осколков канвас (использует библиотеки delaunay.js, TweenMax.js) + прикрутил рендер страницы с помощью библиотеки html2canvas.js. Получилось такое, тут код . Важно чтобы все картинки которые используются на фоне и т.п. были на одном хостиге с сайтом иначе html2canvas их не отрендерит. Так как cross origin... Если умеешь работать с канвас можно и свой какой-нибудь интересный эффект придумать. При желании можно прикрутить тот же движок box2d, сделать и взрывы и разлеты по физике если руки есть....

Answer 2

[Дмитрий]

врядли готовое найдешь хоть нечто подобное мне когдато на глаза и попадалось
да и не сказать чтоб там мегасложная реализация была если сайт нормально на блоки размечен