Как воспроизвести алгоритм эффекта в демке «Youscope» на осциллографе?

Question

[ionicman]

Недавно пробегала на хабре эта демка.


В ней есть эффект «разбивки на капли» и «смывания» изображения, не могу понять что за алгоритм, похоже на блур какойто спецовый и еще похож на эффект meltdown (в DOOM применялся при смене заставок).


Может кто знает название этого эффекта? А еще лучше алгоритм? Больно красивый.


А, к сожелению, на скору руку cделать не получилось :(

Answer 1

[Efsi]

Я не программист, но:
1. Есть массив точек (x,y) картинки.
2. Случайно выбираем точку.
3. Двигаем ее вниз с определенным ускорением (это просто).
4. Гасим ее и удаляем из массива.
5. Повторять несколько раз до получения нужного эффекта.

Comments

[ionicman]

Это я и пробовал сразу как увидел — получается тоже клево но не так как в демке, в демке «капли» живые чтоли… не знаю как объяснить )

Answer 2

[milssky]

Там если приглядется, то видно, что точки начинают падать почти сразу после отрисовки. Плюс у каждой точки немного разное ускорение.

Answer 3

[ionicman]

Вот ссылка на html + js ( canvas ) где реализутся (без затухания) эффект, который я набросал — не шибко похоже, но можно поиграться.