Pull to refresh

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

Reading time1 min
Views3.6K
Original author: 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. Предупреждаю на слабых машинах возможны заметные тормоза!
Tags:
Hubs:
Total votes 60: ↑45 and ↓15+30
Comments29

Articles