Blenderキャラと講演マップ地球儀を備えた3Dポートフォリオ

GPT-6 Astraが作ったWebGLポートフォリオ。写真から作ったBlenderキャラと、世界中の登壇先を示す回転する地球儀が見どころ。

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

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

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

Wandy3Dによる制作ブリーフ

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

Build an interactive 3D personal portfolio website with an editorial look: warm cream background, large serif name heading, small navigation list and quiet sans-serif details. Place a stylized 3D cartoon character, modeled in Blender from a reference photo and exported for the web, in the hero area, with a gentle idle motion that follows the cursor. Add a second section called a speaking orbit: a slowly revolving Earth globe in soft green and white tones with markers for talk locations around the world. Selecting or cycling through a marker updates a side panel with the city, event title, a short description and a link. Use WebGL, for example Three.js, and keep transitions smooth between hero and globe. Deliver a runnable web project plus the exported character model. It is done when the character renders cleanly, the globe rotates, and every marker updates the panel correctly.

このプロンプトの使い方

  1. Blenderとコード編集ができるエージェントで、参考写真とともにビルドブリーフをGPT-6 Astraに渡します。

  2. キャラクター、名前、配色、地名やイベントの一覧を自分用に差し替えます。

  3. ポートフォリオサイトが完成します。出力を自己点検させ、余白・照明・地球儀の動きを磨きましょう。

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