Мы тут с ребятами делали один очень интересный масштабный проект, и наткнулись на такой приём, как particle portrait
Это анимация портрета из частиц — particle portrait. Эффект голограммы создаётся прямо в браузере средствами HTML Canvas и JavaScript.
Как устроено:
1. Берётся фотография героя без фона. Лицо не генерируется — основой служит реальный снимок.
2. Портрет разбивается на сетку маленьких точек. По яркости фотографии каждой частице назначаются цвет и яркость: от тёмно-синего до белого.
3. Частицы собираются в фигуру. Сначала они разбросаны вокруг, затем плавно занимают свои места, проявляя портрет. При переключении героя перестраиваются в другой.
4. Поверх добавляются эффекты экрана: тонкие горизонтальные полосы, движущийся световой блик и красные всполохи. Именно они придают изображению «голографический» вид.
Технически это двумерная анимация с иллюзией цифрового объёма. Она работает без видеозаписи и 3D-модели: нужны только фотография и код.
И вот вместо того, чтобы доработать свою GEO стратегию, я, разумеется, пошёл пробовать делать голограммы, ведь это любопытно. Сразу пришли разные идеи о сервисах, но сейчас о них рассказывать не буду, не время.
👉 Просто посмотрите (если что, я продляю SSL сертификат, поэтому может выскочить аларм, но бояться его точно не надо, мой сайт безобиднее наевшейся панды) и, если это интересно, поставьте 33 👾
и в следующем посте принесу простейшую методику и промпт, как сделать так же в домашних условиях.