Каким образом можно реализовать эффект воды и пара в бане на jQuery?

Question

[Иван Карпилович]

Хотелось бы найти плагины для jQuery для реализации эффектов пара и воды, поиск пока, к сожалению, ничего не дал. Эффекты будут накладываться на часть картинки - в этом тоже сложность.

Answer 1

[Александр Таратин]

www.clicktorelease.com/code/css3dclouds
Не совсем понятно какая вода нужна. Приложите картинку того, что нужно.

Comments

[Иван Карпилович]

вот этот участок анимировать joxi.ru/9E2p3kYt7vKbmY

[Александр Таратин]

Иван: madebyevan.com/webgl-water
bytebash.com/webgl/waves
labs.gooengine.com/pearl-boy
david.li/waves

[Иван Карпилович]

Александр Таратин: Александр, просто огонь!! спасибо огромное, будем разбираться

Answer 2

[Александр Миранович]

Может сделать картинку с анимацией

Comments

[Иван Карпилович]

да, есть такой вариант или даже видео, и наложить в качестве фона, но может есть какой-то плагин для этого

[Александр Миранович]

Я такого плагина не знаю, можно попробовать сделать пару блоков. Под пар увеличивать по высоте и вставить png пара на repet-y и поднимать его вверх, а под воду у блока увеличивать ширину и двигать его вертикально, втавить картинку воды repeat-y, обертке блока overflow: hidden. ну не знаю получится ли что из этого. Это что первое в голову пришло

[Иван Карпилович]

Александр Миранович: а вы разработчик на js?

[Александр Миранович]

Нет, я верстальщик, могу что то несложное написать когда нада для проекта, или уже готовое переделать под свои нужды

[Иван Карпилович]

Александр Миранович: может возьметесь за этот случай?)

[Александр Миранович]

Иван, я дома, когда смогу посмотреть, буду только в понедельник

[Иван Карпилович]

эххх, жаль, но в любом случае спасибо за советы

[Александр Миранович]

habrahabr.ru/post/144466 иван здесь посмотри

[Александр Миранович]

Можно подстроить под твои нужды, но проще вставить видео

[Иван Карпилович]

Александр Миранович: Александр, спасибо! это как раз нам для другой задачи

[Александр Миранович]

Рад что помог