Three.js 3D 地球仪仪表盘:航线、2D/3D 切换与昼夜模式
GPT-6 Astra 仅凭一张参考截图,就还原了带航线标记、2D 备用视图和昼夜切换的玻璃质感 Three.js 地球仪仪表盘。
Claude Code + 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.
如何使用这条提示词
在能运行网页项目的编码智能体中,把你的参考截图和构建简述一起交给 GPT-6 Astra。
换成你自己的仪表盘设计图,并修改数据标签、配色和强调色。
与参考图对比,再要求修正光照、间距或 2D 视图。
原帖你是作者吗? 请联系我们修改或删除此页面
相似的提示词
浏览全部提示词
Claude Opus 5.5皮筋捆西瓜实验:可挤压、会爆开的 3D 浏览器小玩具
林悦己Cheer
Claude Opus 5.5带岩浆房的交互式 3D 火山剖面模拟
Konstantin Saifoulline
Claude Opus 5.5WebGPU 果冻压机玩具:水果软糖被液压机压碎
Vib3Coded
Claude Opus 5.5WebGPU果冻压机玩具:压碎软糖水果片并抓取投掷
Vib3Coded
Claude Opus 5.5滚动即可拆解的机械腕表:纯WebGPU单HTML文件
Paruchh
Claude Opus 5.5单文件交互式 SVG 地球图集:地球仪、六大考察与内部剖面
Gadgetify
