制作例(デモ)|実際に動く3D(マウス/タッチで回せます)|Three.js / WebGL
3D / WebGL

3D・WebGL インタラクティブ

製品ビューア・没入感のあるヒーロー・データの立体可視化など、ブラウザで動く3D表現も実装します。下のオブジェクトをドラッグして回してみてください。

drag to rotate
読み込み中…
i

製品3Dビューア

商品を360°回して見せる。EC・メーカーサイトの訴求力を上げます。

ii

没入型ヒーロー

スクロール連動の3D演出で、第一印象を強く残すサイトに。

iii

立体データ可視化

位置・関係性を3Dで表現し、複雑な情報を直感的に。

※ 制作例(デモ)。Three.js / WebGL による実装サンプルです。用途に合わせてモデル・演出を設計します。