GPT-6 Astra作者:HIX.AI

Three.jsで作る層構造の断面付きインタラクティブ3D太陽サイト

GPT-6 Astraが太陽の解説サイトを生成。回転とズームができ、断面図で核から コロナまでの各層を選んで説明を読めます。

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

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

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

GPT-6 Astraのプロンプト

I want to build an interactive 3D Sun model website using Three.js.

First, please write a Python script that can be run directly in Blender to create a highly realistic 3D model of the Sun. The model should be based on the Sun's real physical and visual characteristics, including its spherical shape, surface texture, color, plasma-like appearance, solar granulation, and glowing atmosphere. It should not look like a simple orange sphere. Please use appropriate materials, shaders, textures, and lighting effects to create a realistic solar appearance.

Then, write the complete website code using Three.js. The Sun should occupy approximately 80% of the main visual area. Users should be able to rotate the Sun, move the view, and zoom in and out. The scene should include realistic lighting and glowing effects to make the Sun look dynamic and three-dimensional.

Add a zoom-in button that allows users to get closer to the Sun and observe its surface details.

The website should also include informative content about the Sun and its role in the solar system. The overall background should be a realistic cosmic galaxy/space environment.

In addition, add a button that opens an interactive internal anatomy view of the Sun. This view should show the major layers of the Sun, such as the core, radiative zone, convection zone, photosphere, chromosphere, and corona. Each layer should have a corresponding label and a short text description. Ideally, users should be able to interact with the diagram and select different layers to view their information.

Please make the website visually impressive, scientifically informative, and fully interactive, with a modern space-themed UI.

このプロンプトの使い方

  1. コーディングツールのGPT-6 Astraにプロンプトを貼ると、Blenderスクリプトと Three.jsサイトが出力されます。

  2. 太陽を別の惑星や恒星に変え、層の名前、説明文、UIの色を書き換えます。

  3. Blenderで実行してサイトを開き、表面シェーダーの改善やボタン追加を依頼して磨きます。

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