幼児が遊ぶ温かな玩具の世界
幼児がおもちゃの間を移動し、それぞれ異なる動きで遊ぶ、温かな Three.js プレイルームを作成してください。プレイマット、本、棚、登って遊ぶ設備、周回とズームの操作を含めてください。
インタラクティブ
インタラクティブ 3D のプロンプトとサイト作例
3D ポートフォリオ、商品体験、インタラクティブな実験を探索しましょう。気に入った操作体験に、自分の題材やスタイルを取り入れられます。
試してみたい 3D プロンプトの作例
自分の作品に生かせる 61 のアイデア
32 人が動く、歩いて巡れるオフィス
Three.js でブラウザ用オフィスを作成してください。一人称移動、来訪者を名前で迎えるリグ付きの 32 人、クリックできる扉、周回操作、設計図表示を含めてください。
WebGLで学ぶブラックホールの形成
WebGLの可視化を使い、ブラックホールの形成を解説する教育用スライドショーを制作してください。説明に合わせて、動きのある3Dシーンを表示してください。
操作できる地球儀ダッシュボード
参考画像から Three.js の 3D 地球儀ダッシュボードを再構築してください。昼・夜モード、読みやすい地理データ、参考に合った動作する操作部を用意してください。
Sinclair ZX Spectrum シミュレーター
Sinclair ZX Spectrum 48K を、操作できる 3D デスクトップアプリとして再現してください。ゴム製キーボード、テーププレーヤー、起動画面、遊べるゲーム、BASIC プログラミング画面を含めてください。
講演活動を地球儀で見せる 3D ポートフォリオ
人物写真から Blender キャラクターを作り、編集デザインを生かした WebGL ポートフォリオに配置してください。講演イベントの場所を示す回転地球儀を追加し、各アセットをサイトに統合してください。
Tesla Model X の分解表示
Tesla Model X をモデル化した部品に分解する 3D サイトを作成してください。各アセンブリを観察し、操作して車を再組み立てできるようにしてください。
ブラウザーで操作する川のシーン
ブラウザーで動作する、インタラクティブな川のシーンを制作してください。まずリアルタイムの水表現が動く試作を作り、見た目を確認しながら改善してください。
操作して学ぶタイタンの科学展示
土星最大の衛星タイタンの教育用 3D シミュレーションを作成してください。探索できる環境と、特徴的な物理的性質を解説する情報レイヤーを用意してください。
昼夜切り替え付きの浮遊する中国寺院
浮遊島にインタラクティブなボクセル寺院を作成し、桜、滝、山々の風景で周囲を彩ります。昼夜を切り替えられる機能も追加します。
操作できる PS5 コントローラー
Three.js で、細部を観察できる PlayStation 5 コントローラーを作成してください。特徴的な輪郭、ボタン、トリガー、アナログスティック、部位ごとに異なる表面素材を再現してください。
操作できる 3D キャラクターカード
操作できる 3D キャラクターカードの UI を作成してください。キャラクターをポインターの動きに反応させ、カードの読みやすさと画面サイズへの対応を保ってください。
歴代大統領の執務室を見比べる
歴代大統領による大統領執務室の変化を探索する、インタラクティブな Three.js 作品を作成してください。時代を切り替えて家具、装飾、室内構成を観察できるようにしてください。
Three.js の銀河が動くホームページ
作者が公開した作品紹介を基に、再利用できる制作指示としてまとめています。非公開のプロンプトをそのまま再現したものではありません。
リアルタイム WebGL 銀河のヒーローセクション
作者が公開した作品紹介を基に、再利用できる制作指示としてまとめています。非公開のプロンプトをそのまま再現したものではありません。
分解して操作できる 3D ターボチャージャー
作者がリンク先の X 投稿で公開した指示文の日本語訳です。元の文章は句読点と書式のみ軽く整えています。
運転できる思い出の鉄道テーブル
作者が公開した作品紹介を基に、再利用できる制作指示としてまとめています。非公開のプロンプトをそのまま再現したものではありません。
操作できるボクセル鉄道ジオラマ
作者が公開した作品紹介を基に、再利用できる制作指示としてまとめています。非公開のプロンプトをそのまま再現したものではありません。
フォトリアルな 3D 商品モックアップスタジオ
作者が公開した作品紹介を基に、再利用できる制作指示としてまとめています。非公開のプロンプトをそのまま再現したものではありません。
一度の指示で作る上質なインタラクティブ試作
作者が公開した作品紹介を基に、再利用できる制作指示としてまとめています。非公開のプロンプトをそのまま再現したものではありません。
分解表示する AI サーバーラック
作者が公開した作品紹介を基に、再利用できる制作指示としてまとめています。非公開のプロンプトをそのまま再現したものではありません。
10 シーンで描く映画的なルネサンスサイト
作者が公開した作品紹介を基に、再利用できる制作指示としてまとめています。非公開のプロンプトをそのまま再現したものではありません。
ペットのヤギと過ごす仮想の島
作者が公開した作品紹介を基に、再利用できる制作指示としてまとめています。非公開のプロンプトをそのまま再現したものではありません。
操作して学べる 3D 太陽系
作者が公開した作品紹介を基に、再利用できる制作指示としてまとめています。非公開のプロンプトをそのまま再現したものではありません。
プロンプトを自分らしくアレンジ
訪問者がクリック、ドラッグ、変更できるものと、その結果を説明します。最初の操作を分かりやすくし、マウスだけでなくタッチ操作も指定しましょう。
見て、読んで、作る
作例で使われているテクニックを学びましょう。
