Хочу «залить сайт водой», можете посоветовать способ реализации?

Допустим есть дно сайта(какая то текстура) поверх него налита вода (по щиколотку ирл, вода чистая) Элементы сайта плавают в воде, причем некоторые могут плавать глубже , чем другие, при взаимодействии с элементами сайта(например клик) он немного погружается и получаются волны.
Лично я представляю всего один вариант реализации - webgl. Нашел только одну подходящую воду, остальные не прозрачные Water. Но там не очень удобный api.
Возможно кто то знает лучший вариант ? Возможно можно как то умудриться вообще без webgl, ведь мне вода нужна будет только в 2d пространстве ? Например расположить Dom Элементы с помощью css в 3d пространстве , и поверх положить 2dcanvas полотно. Может быть даже есть вариант с svg , так поддержка браузерами будет больше , но возможны лаги из за того, что это DOM. Последний вариант это на плюсах написать и скомпилить в wasm(тут с поддержкой совсем плохо).
  • Вопрос задан
  • 2954 просмотра
Решения вопроса 1
@EverOne
R&D Management since 2011
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
xmoonlight
@xmoonlight
https://sitecoder.blogspot.com
1. В целом, нужно видео с такой водой: https://www.shutterstock.com/video/clip-3570359
2. А потом сделать с прозрачным слоем эту воду: www.sciencelifeny.com/transparency/transparency.html

UPD: видео затопление/заполнение
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы