Tantive Gimmick Pack

・ページ全体の背景へのアニメーション設置ができます。 　アニメーションの実現は、paraticle.js、bubbly-bg.js、vanta.jsなどのライブラリを利用しています。 ・マウスストーカーの設置ができます。

仕様

【ページ背景】 　<設定> 　　ダッシュボードのギミックパック設定メニューからページ背景設定を選択します。 　　利用したいアニメーションの「設定」ボタンをクリックすると、詳細設定画面が表示されます。 　　設定値については、各ライブラリのデモページなどを参考にしてください。 　　デモページで設定できるのと同じ内容を設定できるようにしていますが、bubbly-bgについては、一部設定方法に注意が必要です。 　　ーbubbleFunc、bubbles、angleFunc、velocityFunc、radiusFuncについては、変数を使用しないでください。 　　　例えば、bubblesのデフォルト値は「Math.floor((canvas.width + canvas.height) * 0.02)」ですが、 　　　canvas.widthは変数なのでこのプラグインでは設定できません。 　　　Math.floorは変数ではないので使用可能です。 　　ーbubbleFunc、angleFunc、velocityFunc、radiusFuncについては、「()=>」の右に入る返り値のみを設定してください。 　　　「()=>」は不要です。 　　　例えば、angleFuncのデフォルト値は「() => Math.random() * Math.PI * 2」ですが、 　　　この場合は「Math.random() * Math.PI * 2」のみを設定してください。 　　ーbubbleFunc、angleFunc、velocityFunc、radiusFuncのデフォルト値を設定する場合は、何も入力せず保存してください。 　 　<ショートコード> 　　固定ページ、投稿ページの設定したいページに、設定画面のお好みのギミックに記載したショートコードを記述してください。 　　場所はどこでも構いません。 　　（注意）ページに背景ギミックを設定する際は、必ず最初にそのギミックの設定値を保存してください。 　　　　　　初期は何も設定値が登録されていない状態となり、正常に描画されません。

【マウスストーカー】 　<設定> 　　数種類のマウスストーカーから設定できます。 　　設定したいマウスストーカーのオンオフスイッチをオンにします。 　　各マウスストーカーに関する設定値は設定ボタンを押すことで設定できます。 　　設定した内容は、四角で区切ったエリアで動作を確認することができます。 　　設定したマウスストーカーの種類および、設定値は全てのページに反映されます。