Bubble Engine

Bubble EngineОфициальная страница
С развитием jQuery и плагинов к ней во мне все больше нарастает уверенность в том, что Adobe Flash (как средство создания визуальных спец. эффектов) не нужен вообще. Плагин Bubble Engine хорошее тому подтверждение.

Подробнее о плагине
С помощью него можно создавать на странице «генераторы мыльных пузырей». Что являют собой эти генераторы? Это объекты на странице (могут быть с картинкой, а могут и «не видимыми») от которых появляются «пузыри». «Пузырь» — это картинка, которая «летает» по странице подобно мыльному пузырю.
Настройка
Подключаем файлы плагина в наш документ. Теперь необходимо создать «генератор».

$(document).ready(function() {
        //Build Bubble Machines with the Bubble Engine ------------------------
        var SoapBubbleMachineNumber1 = $('fn').BubbleEngine({
          particleSizeMin:            10,
          particleSizeMax:            60,
          particleSourceX:            0,
          particleSourceY:            500,
          particleAnimationDuration:  5000,
          particleDirection:          'right',
          particleAnimationDuration:  6000,
          particleAnimationVariance:  2000,
          particleScatteringX:        500,
          particleScatteringY:        300,
         gravity:                    -100
        });
        //Start Bubble Machine 1 ---------------------------------------------
        SoapBubbleMachineNumber1.addBubbles(50);
      });

particleSizeMin, particleSizeMax — минимальный и максимальный размер «пузыря».
particleSourceX, particleSourceY — координаты появления «пузырей».
gravity — куда полетят «пузыри» (при отрицательном — вверх).
метод addBubbles() добавляет указанное количество «пузырей».
Да, никто не запрещает создать на странице несколько «генераторов», каждый из которых будет создавать свои «пузыри».
Небольшой пример от меня — LOVE
Работа плагина проверена на:

  • Internet Explorer 6
  • Internet Explorer 7
  • Internet Explorer 8
  • Mozilla Firefox 3
  • Google Chrome 4
  • Apple Safari 5
  • Opera 10

Для работы плагина необходима jquery 1.4.2

, , ,

Оставить комментарий

Top ↑ | Main page | Back