WordPressプラグイン

ThreeFS Fluid Hero

DETAILS

Three.jsによる流体表現を、専門的なコードを書かずにWordPressの管理画面から設定できるプラグインです。背景画像とH1を設定し、カバーブロックに専用スタイルを選ぶだけで、ポインターの動きに反応する印象的なヒーローエリアを作成できます。

タッチ端末やWebGL非対応のブラウザー、動きを減らす設定を利用している方には静止したヒーローを表示するなど、アクセシビリティと表示の安定性にも配慮しています。既存のカバーブロックを活かせるため、レスポンシブ対応やレイアウトの管理もしやすい設計です。

企画・設計から、PHP・JavaScript・Three.jsによる実装、WordPress管理画面の設計、動作検証、公式ディレクトリへの申請まで一貫して担当しました。WordPress.orgの掲載審査を通過し、公式プラグインとして無料公開しています。