Как стать автором
Поиск
Написать публикацию
Обновить

Bubble Engine — плагин для jQuery. Машина по созданию мыльных пузырей

Время на прочтение1 мин
Количество просмотров3.7K
Автор оригинала: soyos
Хочу представить читателям интересный jQuery плагин, который будет интересен тем, кто хочет использовать на сайте какую-то интересную анимацию без использования Adobe Flash.

image


Имеется возможность задать следующие параметры


Минимальный размер генерируемого пузыря
Максимальный размер генерируемого пузыря
Начальная позиция генерируемого пузыря
Управление полётом частицы (центрированный, влево, вправо)
Время жизни пузыря (продолжительность анимации)
Дисперсия времени жизни пузыря (продолжительности анимации)
Рассеивание по оси X и оси Y
Толщина пузыря
Восстановление пузыря (включить/выключить)

Простота интеграции в ваш веб-сайт


Код простой вставки данного плагина в ваш сайт:
$(document).ready(function(){
var SoapBubbleSource = $().BubbleEngine({ particleSourceX: 0, particleSourceY: 500});
SoapBubbleSource.addBubbles (50);));


Код вставки данного плагина в ваш сайт с заданием различных параметров:
$(document).ready(function() {var SoapBubbleSource = $().BubbleEngine({ particleSizeMin: 0, particleSizeMax: 60, particleSourceX: 0, particleSourceY: 500, particleAnimationDuration: 3000, particleAnimationVariance: 2000, particleScatteringX: 500, particleScatteringY: 200, particleDirection: 'right', gravity: -100, imgSource: 'images/bubble.png', RenewBubbles: 'on' });
SoapBubbleSource.addBubbles(50); });


Проверена совместимость со следующими браузерами: Internet Explorer 6, Internet Explorer 7, Internet Explorer 8, Mozilla Firefox 3, Google Chrome 4, Apple Safari 5, Opera 10.

Скачать: Bubble Engine

Демонстрация




P.S. Предупреждаю на слабых машинах возможны заметные тормоза!
Теги:
Хабы:
Всего голосов 60: ↑45 и ↓15+30
Комментарии29

Публикации

Ближайшие события