画像を貼れる3Dノートパソコンのモックアップエディタ(カメラとぼかし調整付き)

GPT-6 Astraが一度の指示でダークなモックアップツールを生成。3Dノートの画面に画像を貼り、カメラ・ぼかし・照明を調整して書き出せます。

Claude Code + Three.js(コードのみ)Wandy 2
実際のモデル · 360°どちらも同じ写真から作成:左は Claude Code(Opus 5.5)が Three.js のコードでモデリングした、手を加えていない1回分の実行結果。右は Wandy 2。

精細な3Dモデルを作ろう

コードだけでは単純な形しか作れません。Wandy 2なら写真1枚から、同じシーンで使えるテクスチャ付き3Dモデルを作れます。

Wandy3Dによる制作ブリーフ

作者がプロンプトを公開していないため、この作品を再現する方法を私たちがまとめました。

Build a browser-based 3D mockup editor with a dark, minimal interface and orange accents. The main viewport shows a realistic laptop floating against a black background with teal rim lighting, soft depth-of-field blur and a faint reflection. A right-hand inspector offers sliders for camera angle, field of view, blur, lighting and effects, plus a timeline bar with playback and an Export button. Let the user paste or drop an image, choose to replace the screen media or add a new shot, and see it mapped onto the laptop display immediately. Animate smooth camera moves between shots. Done when pasting a screenshot updates the screen texture, sliders change the render live, and the sequence can be played back.

このプロンプトの使い方

  1. コーディングエージェントでGPT-6 Astraにビルドブリーフを貼り、単一のウェブアプリを依頼します。

  2. ノートをスマホやポスターに替え、パネルの項目やアクセント色を調整します。

  3. スクショを貼って各スライダーを試し、ショットのプリセットや書き出し形式を追加依頼します。

元の投稿作者の方ですか? このページの修正・削除をご依頼ください