WebGL で進化する生態系
素の WebGL と GLSL を使い、一つの HTML ファイルに進化する 3D 生態系を作成してください。突然変異、自然選択、捕食、エネルギー消費、多細胞の結合を相互に作用させてください。
参考作品から、編集できる世界、遊べる成果へ
Blender シーン、Three.js サイト、ゲームの Astra プロンプトと実際の 3D 作例を探せます。結果を見て制作指示をコピーし、公開されていれば GitHub プロジェクトも確認できます。
注目の制作結果
プロンプト 153 件
コピーして、自分の作品へ
素の WebGL と GLSL を使い、一つの HTML ファイルに進化する 3D 生態系を作成してください。突然変異、自然選択、捕食、エネルギー消費、多細胞の結合を相互に作用させてください。
Three.js のコードでナポレオンの 3D 胸像を作成してください。段階的に制作し、異なる角度から確認して、顔の比率と衣服の細部を磨いてください。
夜の雨に濡れたネオン街を見下ろす、映画的なサイバーパンクの寝室を Blender で作成してください。動く広告看板を追加し、フォトリアルで継ぎ目なくループする映像にしてください。
ゴッホの絵画 6 点を一つの探索可能な街にまとめ、『星月夜』の通りを散歩できるようにしてください。絵画間の自然な出入口、一貫したスケール、穏やかな環境インタラクションを設計してください。
蘇州博物館についてのウェブページを参考に、Blender で庭園を再現してください。現代建築と伝統的な中国庭園の関係を保った、連続したウォークスルーを制作してください。
提示された銀河のヒーロー表現を分析し、動画ではなくリアルタイム WebGL で再構築してください。奥行きのある粒子、発光する塵、滑らかなポインター反応、文字を置く余白、端末性能に応じた調整を取り入れてください。
Three.js で、天候を操作できる、立方体に閉じ込められた嵐を生成してください。
Blenderでエネルギーコア、2つのリング、金属製の台座をモデリングしてください。マテリアルを含めてThree.jsのビューアーに書き出し、回転、ズーム、自動周回、脈動の操作を実装してください。
空のプロジェクトから、ブラウザ用 3D 飛行ゲームを完成させてください。操縦できる飛行、移動可能な環境、明確な目標、一貫した見せ方を含めてください。
回路図 PDF を使って KiCad の回路を修正し、50 × 20 mm の 2 層基板を配線して、3D アセンブリをレンダリングしてください。部品のデータシートを確認し、設計ルール違反を解消してください。
ベイクを使わず、BlenderのGeometry Nodesで周期的にループする水面エフェクトを制作してください。ノード構成を編集可能に保ち、完全な流体シミュレーションではなく水面モデルとして説明してください。
アニメ風の美しさを持つ 3D 川下りカヤックゲームを作成してください。左右に漕いで障害物を避ける操作を実装し、流れる水、風景、音楽、効果音をコードで生成してください。
G7 の一国を題材に、自動で進行するアーケードゲームを作成してください。有名な文化的名所を中心的な遊びに変換し、操作しなくても状況が分かるようにします。スコア、段階的な難易度、印象的な見せ場を加えてください。
蒸気機関車を、テクスチャ付きの外殻ではなく、機構を分解できる Blender モデルとして制作してください。車軸、軸箱守、軸箱、ステー、サスペンションリンク、蒸気ドーム、主要アセンブリをそれぞれ分けて命名してください。
参考画像をもとに酒場を再現し、客と従業員を配置してください。客が料理や飲み物を注文し、従業員が用意する動作を実装してください。衝突処理と経路探索も組み込んでください。
リアルタイム Three.js の銀河を中心に、上質な製品発表ページのヒーローを作成してください。粒子でさりげなく数字の 6 を描き、スクロールとポインターに反応させます。文字の読みやすさを保ち、非力な端末では自然に効果を減らしてください。
ゴッホに着想を得た、歩ける Three.js の街を作成してください。絵の街路、星、カフェ、畑を立体的に重なる空間へ変え、シェーダー、テクスチャ、動く光で筆致を生かしてください。
提供された2Dのキャラクターロゴを、アニメーションする3D版にしてください。立体感と動きを加えても、元のキャラクターだとわかる特徴を保ってください。
Noctavia のキャラクターイラストを、操作できる 3D キャラクターとして再現してください。デザインの特徴を保ち、インタラクティブな展示に適した完成モデルを作成してください。
縮小するストーム圏、9 体の AI 敵、パルスライフル、体力、リロードを備えた、三人称ブラウザバトルロイヤルを作成してください。設置できる遮蔽壁と、決着まで遊べる脱落戦を実装してください。
広い敷地、精細なクローズアップ、暖かな夕暮れの光を備えたアディヨギのシーンをBlenderで制作してください。30秒のフライスルーをレンダリングし、編集可能なシーンも保持してください。
編集可能なアーザーディー・タワーの Blender モデルを作成してください。広がる基部、交差するアーチ、表面模様、特徴的な比率を重視してください。
Three.jsで、テーブル上にレコードプレーヤーを置いたシーンを制作してください。ランプが点灯する演出と、プレーヤーや周囲の家具を映すカメラを使い、製品紹介のようなデモに仕上げてください。
参考画像から Blender でタグボートを再構築してください。船体、傾斜した操舵室、甲板装備、曳航設備をモデル化し、視点間の食い違いを整理して一貫した船にしてください。
実装を確認したい場合は、GitHub プロジェクトに絞り込むか、モデルをまたいでコード付き作例を探してください。コードの再利用前にリポジトリのライセンスを確認しましょう。
ソースコード付きの 3D 作品を見る ↗3D 制作の実践動画
独立したクリエイターが各モデルで実際に 3D 作品を作る様子を見て、上の無料プロンプトを使い、自分なりに同じ実験を試してみましょう。
Peter Yangが4つのゲームを制作する過程を紹介。参考画像や開発環境の準備から、プレイできるシーンの構築、フィードバックを受けた改善までをたどります。
YouTube ↗この作例集について
実際の制作に役立つ Astra プロンプトを探していますか? Blender モデル、Three.js サイト、ブラウザゲーム、探索できる世界など、目的に近い 3D 作例から始めましょう。各項目には作品画像、作者、出典リンク、プロンプト、またはそれと明確に区別した制作指示を掲載しています。
役立つ Astra 3D プロンプトは、何を作るか、どのソフトを使うか、何を編集可能に残すか、どう結果を確認するかを定めます。出発点をコピーして題材と条件を変え、GPT-6 Astra やほかのモデルで同じ指示を試してください。調整して使う参考例であり、一つのプロンプトでデモ全体を再現できる保証ではありません。
活用したい場面
01
Astra に Blender の制作を頼むなら、オブジェクト、素材、照明、カメラを指定しましょう。個別に編集できるオブジェクトと保存済みシーンを求め、複数の角度からレンダリングを確認します。
02
Astra の Three.js プロンプトには、シーン、マウスとタッチの操作、読み込み時の挙動、対象端末を書きましょう。ブラウザゲームなら、最初から最後まで遊べる流れも含めます。
03
Unreal Engine と Unity の作例から、探索できる世界を計画しましょう。スケール、衝突、カメラ移動、必要なファイルを指定します。紹介動画だけでは、そのまま公開できる完成度かどうかは分かりません。
プロンプトの組み立て方
どのオブジェクトを分離し、命名し、編集可能にしておくか指定しましょう。見た目が立派でも、中身が外殻だけでは使えない場合があります。
シーンを実行して目に見える不具合を確認し、フレームレート、操作、配置の具体的な基準を満たすまで繰り返すよう求めましょう。
大きな世界は地区、アセンブリ、節目に分け、各部分を確認してから範囲を広げましょう。
いいえ。各項目に区分を表示しています。「作者公開の原文」は作者が公開した指示に基づき、このページでは日本語訳を表示します。「公開情報に基づく制作指示」は公開デモの説明から再構成したものです。非公開のプロンプトを入手したとは主張していません。
特定モデルだけに効く魔法の言葉ではなく、参考として使ってください。完成形と合格条件を保ち、ツール、アセット予算、カメラ、操作、出力形式を Astra、Claude、Kimi などに合わせて調整しましょう。
「GitHub あり」で絞り込むと、公開コードのある Astra 3D 作例を探せます。作例を開くとリポジトリや、公開されているライブデモを確認できます。オープンソース集ではモデルをまたいで探せます。再利用前に各リポジトリのライセンスと導入手順を確認してください。