GPT-6 Astra作者 Kai

Three.js 3D 地球仪仪表盘:航线、2D/3D 切换与昼夜模式

GPT-6 Astra 仅凭一张参考截图,就还原了带航线标记、2D 备用视图和昼夜切换的玻璃质感 Three.js 地球仪仪表盘。

Claude Code + Three.js(仅代码)Wandy 2
真实模型 · 360°两者都基于同一张照片:左边是 Claude Code(Opus 5.5)用 Three.js 代码建模的一次未经修改的运行结果;右边是 Wandy 2。

创建精细的 3D 模型

单靠代码只能做出简单的形状。Wandy 2 能用一张照片生成带纹理的 3D 模型,直接用在同一个场景里。

Wandy3D 制作说明

作者没有公开提示词,因此我们写下了复现这个作品的方法。

Build a logistics dashboard web page with an interactive 3D Earth globe in Three.js, recreated from a reference screenshot. Use a deep navy background, a large centered Global View title, glass-style panels, yellow accent buttons and clean sans-serif type. Place a textured globe in the center with day and night lighting, atmosphere glow and flight route arcs with labelled markers that animate. Add a left icon sidebar, a statistics column on the right, a zoom control, and a toggle between 3D globe and a flat 2D map view. Include a day and night mode switch, an activities table with a risk panel that slides up from the bottom, and a welcome dialog with three short steps. Done means the layout, lighting and depth closely match the reference and both views work in the browser.

如何使用这条提示词

  1. 在能运行网页项目的编码智能体中,把你的参考截图和构建简述一起交给 GPT-6 Astra。

  2. 换成你自己的仪表盘设计图,并修改数据标签、配色和强调色。

  3. 与参考图对比,再要求修正光照、间距或 2D 视图。

原帖你是作者吗? 请联系我们修改或删除此页面