27種のキャンバスエフェクトをテストします。AK²Engine に登録されたエフェクトはページ全体の背景として動作します。
各エフェクトは front-matter の effects: [key] で有効化します。
effectClasses.json でキー → クラス名のマッピングが定義されています。
オーロラ風のグラデーション波エフェクト。
effects: [aurora]
雪が降るパーティクルエフェクト。
effects: [snow]
桜の花びらが舞うエフェクト。
effects: [sakura]
ホタルの光跡エフェクト（オフスクリーンCanvas使用）。
effects: [firefly]
グリッド展開アニメーション。完了時に ak2:grid-ready イベントを発行。
effects: [grid-construction]
Three.js を使った3Dパーティクル。
useThreeJS: true
星空エフェクト。
effects: [stars]
波形アニメーション。
effects: [waves]
稲妻エフェクト。
effects: [lightning]
雨エフェクト。
effects: [rain]
水面の波紋エフェクト。
effects: [ripple]
火花パーティクルエフェクト。
effects: [sparks]
data-section-effect="ClassName" と data-preview="ClassName" 属性で、
インライン canvas エフェクトをセクション内に配置できます。
data-section-effect（全幅）
data-preview（カードプレビュー）