回答を読み込み中...
回答を読み込み中...
「触った/動かした/置いた」だけで、空間が変わったと分かる体験を、できるだけシンプルなpromptを教えてください!
条件:
• 専門知識いらない
• 操作は1アクションでOK
• 小さな部屋・箱庭レベルでOK
• 画像や3Dっぽさが出ると嬉しい
prompt全文 or アイデアだけでもOK
このプロンプトは、JavaScriptで3D表示ができる「three.js」というライブラリを使って、
マウスで動かせる3Dアプリを作ってもらうためのものです。
ポイントは次のとおり。
まず、three.jsをCDNで使うようにしています。
CDN(コンテンツ・デリバリー・ネットワーク)とは、
「ライブラリを自分でダウンロードしなくても、ネット上から直接読み込める仕組み」のことです。
そのため、準備は不要で、HTMLファイル1つだけで動きます。
出力されるファイルは index.html 1つだけです。
zipファイルをダウンロードして解凍し、
中にある index.html をダブルクリックすると、
ブラウザが開いて、マウスで3Dをグリグリ動かせる画面が表示されます。
また、
「pythonで出力してzipで下さい。」
と書いているのが重要なポイントです。
これを書くことで、ChatGPTが内部で Pythonのコード実行機能(Code Interpreter)を使い、
・JavaScriptで書かれた index.html を作成
・それを zip 形式に圧縮
・ワンクリックでダウンロードできるリンクを生成
というところまで、自動でやってくれます。
この回答の画面の上に表示される 「全体を開く」 をクリックすると、サンプルをダウンロードせずにその場で動作確認もできます。
つまりこのプロンプトは、
「three.jsを使った、マウス操作できる3Dアプリを、
準備なし・HTML1枚・zipでダウンロードできる形で作ってもらう」
ための、初心者にやさしい指示文というわけです。
最初に触る3Dとしては、かなり親切設計。
「とりあえず動くものを見たい」人にはちょうどいい内容ですよ。
コメントするにはログインが必要です。