Interactive Showcase

触って試せる、実装ショーケース

WebGL・GSAP・物理演算・AI連携。
FRONTIERLINEが受託案件で実装可能なWeb表現を、すべて実物動作付きで公開しています。

粒子フィールド

マウスに反応する数千点のWebGL粒子。Three.js + GLSL を組み合わせた、ヒーロー演出の定番。

IntersectionObserver で実装する5変種のスクロール出現。blur解除・clip-path・3D傾き・スケール・順送り。GSAPなしでも軽量に。

マウスに吸い寄せられるボタン、傾くカード、慣性スクロール。微細な物理演出で「触れる」感覚を生む。

ネイティブAPI でページ遷移を滑らかに。SPAのような体感を、静的サイトのまま実現。

ホバー・クリック・スクロールに反応する微細サウンド。記憶に残る体験を音で作る。

訪問者の文脈（言語・時間帯・滞在履歴・referer）でコンテンツが動的変化。OpenAI / Claude API 連携も可。

各ショーケースの詳細ページから、そのまま受託相談可能です。
要件・予算・納期に応じてカスタマイズ実装します。