Je cherche un jQuery ou javascript qui remplissent un verre d'eau. Ainsi, lorsque vous cliquez sur un bouton, vous ajoutez de l'eau dans le verre et lorsque vous cliquez sur un autre bouton, vous retirez l'eau du verre. Je me demande juste si quelqu'un a déjà écrit quelque chose comme ça que je peux utiliser.jQuery effet de remplissage de verre
Merci!
créer une image d'un verre d'eau avec la partie de verre transparent.
Mettez une photo de l'eau derrière elle.
Animate l'image du bas vers le haut. Si vous voulez de l'eau « ondulée » comme il remplit, rendre l'image ont un haut ridée, la rendre légèrement plus grand que le verre et l'animation d'un côté à l'autre un peu aussi.
Vous pouvez regarder dans le glisser vers le bas et slideUp effets dans jQuery. Vous devriez être capable d'obtenir ce que vous voulez d'eux.
Pour créer des effets d'eau réalistes, utilisez l'élément canvas dans un navigateur de classe.
Mieux, explorez la bibliothèque processing.js de john 'jquery' resig. Je suppose que ça ne devrait pas être difficile de faire ce que vous voulez avec ça.
Pour vous commencer, http://processingjs.org/
quelques exemples de 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#
Avez-vous un exemple? Des images? –
Vous devez être un peu plus précis sur l'effet. Et ne vous attendez pas à ce que quelqu'un l'écrive juste pour vous, essayez de le construire vous-même d'abord et demandez si vous êtes coincé. –