Options
各オプション値
左がオプション名、右が初期値です。
// 基本設定
autoStart: true, // 自動再生するか否か
isScroll: false, // アニメーション中にスクロールを許可するか否か
isHover: false, // 要素マウスオーバーで実行するか否か
// 上に乗せるレイヤーの設定
isLayer: true, // 上にレイヤーをのせるか否か
layerHideSpeed: 1300, // レイヤーが消える速度
// 四角形の設定
isRect: true, // 四角形のアニメーションを行うかどうか
isRectWhile: false, // 表示したままか否か
rectSpeed: 1500, // アニメーション速度
rectStartScale: 1, // アニメーション開始時のスケールサイズ
rectColor: 'transparent', // 枠線の色
rectStrokeSize: 1, // 枠線の太さ
rectFillColor: '#f5f5f5', // 塗りつぶしの色
rectInitX: 0, // 四角形の初期位置に調整する場合
rectInitY: 0, // 四角形の初期位置に調整する場合
rectInitWidth: 0, // 四角形の初期位置に調整する場合
rectInitHeight: 0, // 四角形の初期位置に調整する場合
rectFillWidthMax: 950, // 設定サイズ以上なら塗りつぶしをしない
rectFillHeightMax: 950, // 設定サイズ以上なら塗りつぶしをしない
rectFillRandPer: 30, // 塗りつぶしランダムの割合(20なら20%)
//rectShowEase: 'circOut', // 四角形表示時のイージング 未実装
rectLastPosRandYMin: 30, // 四角形が消える際のY座標のずれ最小値
rectLastPosRandYMax: 60, // 四角形が消える際のY座標のずれ最大値
rectLastTimeMin: 500, // 四角形が消えるときの最小時間
rectLastTimeMax: 1500, // 四角形が消えるときの最大時間
// ボーダーの設定
isLine: true, // ボーダーのアニメーションを行うかどうか
isLineWhile: false, // 表示したままか否か
lineSpeed: 1500, // アニメーション速度
lineColor: '#999', // 枠線の色
lineStrokeSize: 1, // 枠線の太さ
//lineShowEase: 'circOut', // 線の表示時のイージング 未実装
lineInitX: 0, // 線の初期位置に調整する場合
lineInitY: 0, // 線の初期位置に調整する場合
lineInitWidth: 0, // 線の初期位置に調整する場合
lineInitHeight: 0, // 線の初期位置に調整する場合
linePositionGapMin: 1, // 線の配置ずれの最小値
linePositionGapMax: 4, // 線の配置ずれの最大値
lineGapMin: 3, // 線の長さのずれの最小値
lineGapMax: 10, // 線の長さのずれの最大値
lineAlphaGapMin: 0.2, // 線の透明度のずれの最小値(0〜1.0)
lineAlphaGapMax: 1.0, // 線の透明度のずれの最小値(0〜1.0)
lineHoverTimeMin: 500, // ホバー時の最小時間
lineHoverTimeMax: 600, // ホバー時の最大時間
lineHoverWidthRandMin: 1.05, // ホバー時のスケールサイズ
lineHoverWidthRandMax: 1.15, // ホバー時のスケールサイズ
lineHoverHeightRandMin: 1.2, // ホバー時のスケールサイズ
lineHoverHeightRandMax: 1.6, // ホバー時のスケールサイズ
lineLastTimeMin: 500, // 線が消えるときの最小時間
lineLastTimeMax: 1500, // 線が消えるときの最大時間
// 二重線の設定
isLineDouble: true, // 二重線を引くかどうか
lineDoubleBaseWidth: 0.95, // 二重線の長さの基準値(1で100%)
lineDoubleBaseHeight: 0.80, // 二重線の長さの基準値(1で100%)
// 薄いボーダーの設定
isLineAlpha: true, // 薄い線を引くかどうか
lineAlphaBaseWidth: 1.05, // 下に引く薄い線の長さの基準値(1で100%)
lineAlphaBaseHeight: 1.20, // 下に引く薄い線の長さの基準値(1で100%)
// アニメーションの設定
startDelay: 500, // アニメーション開始までのディレイ
hideWait: 800, // フレームを消すまでの待機時間
// コールバック
endBeforeAnimation: function () { // アニメーション後、消える直前のコールバック
// ここに処理を書きます
},
endAnimation: function () { // アニメーション後、消えた直後のコールバック
// ここに処理を書きます
},