インタラクティブ

インタラクティブ 3D のプロンプトとサイト作例

3D ポートフォリオ、商品体験、インタラクティブな実験を探索しましょう。気に入った操作体験に、自分の題材やスタイルを取り入れられます。

試してみたい 3D プロンプトの作例

自分の作品に生かせる 3 のアイデア

画像をリアルタイムで印刷しながら無限に巻き取られる紙を描画する、動作する Three.js の 3D ウェブアプリ向けプロンプトです。

0xMarioNawfal2026年7月27日

無料の GLB を探し、塗装可能な部位に分け、最適化して、Next.js／Three.js のコンフィギュレーターに部品とカラーリングを接続する、Claude Fable 5 の制作指示です。

Raf Lorenz2026年7月26日

3D の飛行機を眺め、機内を歩けるインタラクティブな Three.js 体験を生成する、短く具体的なプロンプトです。

FHILY👑2026年7月19日

訪問者がクリック、ドラッグ、変更できるものと、その結果を説明します。最初の操作を分かりやすくし、マウスだけでなくタッチ操作も指定しましょう。

作例で使われているテクニックを学びましょう。

素材の選択によって、モデルをインタラクティブな商品体験に変える方法を学べます。

ポインターを追いかけ、アニメーションで反応するキャラクターの作り方を見てみましょう。

Blender の環境をブラウザーで体験できる世界に仕上げる制作過程を追います。

実際のモデルを 360° 比較 · クリックで拡大

次のシーンに、細部まで見たくなるキャラクターを。画像や短い文章から、精細なテクスチャ付き 3D アセットを作れます。