2009-12-17 2 views
2

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

Спасибо!

+0

У вас есть пример этого? Любые изображения? –

+0

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

ответ

6

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

Положите изображение воды за ним.

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

0

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

Link

0

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

Лучше изучите библиотеку jQuery `jquery 'resig's. Я предполагаю, что не должно быть сложно делать то, что вы хотите с этим.

Чтобы начать Вас, http://processingjs.org/

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

http://hyper-metrix.com/processing-js/docs/?page=A%20mouse-driven%20graphic%20equalizer

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