jQuery эффект заполнения стекла

Question

Я ищу jQuery или javascript, который наполняет стакан воды. Таким образом, при нажатии на одну кнопку вы добавляете воду в стакан, а при нажатии на другую вы удаляете воду из стекла. Просто удивляйтесь, если кто-то уже написал что-то подобное, что я могу использовать.

Спасибо!

Answer 1

Создайте рисунок жидкого стекла с прозрачной стеклянной частью.

Поставь картинку с водой.

Анимация изображение снизу вверх. Если вам нужна «волнистая» вода по мере заполнения, сделайте изображение с волнистой вершиной, сделайте его немного больше стекла и немного оживите из стороны в сторону.

Answer 2

Чтобы создать реалистичные водные эффекты, используйте элемент canvas в браузерах класса A.

Лучше изучить библиотеку john 'jquery' processing.js. Я думаю, что не должно быть трудно делать то, что вы хотите с этим.

Для начала, http://processingjs.org/

некоторые примеры processing.js

http://hyper -metrix.com / обработка-JS / документы /? Страница = А% 20mouse приводом% 20graphic% 20equalizer

http://www.mattryall.net/blog/2008/11/wiki-visualisations-with-javascript#

Answer 3

Возможно, вы захотите взглянуть на эффекты слайдов и слайдов в jQuery. Вы должны быть в состоянии получить то, что вы хотите от них.

Ссылка