Bubble Engine-jQueryのプラグイン。 シャボン玉機

Adobe Flashを使用せずにサイトで興味深いアニメーションを使用したい人にとって興味深い興味深いjQueryプラグインを読者に紹介したいと思います。

以下のパラメーターを設定することが可能です

生成される最小バブルサイズ

生成されたバブルの最大サイズ

生成されたバブルの開始位置

粒子飛行制御（中央、左、右）

バブルライフタイム（アニメーション期間）

バブルの寿命の分散（アニメーションの持続時間）

X軸およびY軸の散乱

泡の厚さ

バブル回復（オン/オフ）

ウェブサイトへの簡単な統合

このプラグインをWebサイトに簡単に挿入するためのコード：

$(document).ready(function(){

var SoapBubbleSource = $().BubbleEngine({ particleSourceX: 0, particleSourceY: 500});

SoapBubbleSource.addBubbles (50);));







さまざまなパラメーターを設定して、このプラグインをWebサイトに挿入するためのコード：

$(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。



ダウンロード： バブルエンジン

デモンストレーション

• デモ1 （サイトでさまざまなパラメーターを直接設定）
• デモ2
• デモ3
• デモ4
• デモ5

PS弱いマシンでは、顕著なブレーキが可能です。