用 Three.js 制作的 Hyperloop 胶囊模拟器与实时速度面板
GPT-6 Astra 用 Three.js 做出 Hyperloop 演示:胶囊沿管道轨道加速飞驰,控制面板实时显示速度并可切换视角选项。
Claude Code + Three.js(仅代码)Wandy 2
创建精细的 3D 模型
单靠代码只能做出简单的形状。Wandy 2 能用一张照片生成带纹理的 3D 模型,直接用在同一个场景里。
Wandy3D 制作说明
作者没有公开提示词,因此我们写下了复现这个作品的方法。
Build an interactive Hyperloop demo web page with Three.js. Show a sleek capsule pod travelling along an elevated tube track on concrete pylons, in a pale, minimal studio setting with soft fog and a muted palette accented by a single red highlight. Place a large Hyperloop headline and short intro text on the left, and a side control panel on the right with a live speed readout in km/h and several dropdown options for the view and the pod configuration. Add a bottom bar with a pause button, a progress slider and a numeric value. The pod should accelerate smoothly while the readout climbs, and the camera should drift along the track so the scene feels cinematic. Deliver a single page that runs in the browser, with responsive layout and clean typography. Done when the pod animates continuously, the speed counter matches the motion, and the controls change what is displayed.
如何使用这条提示词
在编程工具中把构建简报交给 GPT-6 Astra,让它生成 Three.js 网页。
把交通概念、配色、标题文字和面板选项换成你自己的主题。
运行后继续让它调整镜头角度、加速曲线或增加下拉设置。
原帖你是作者吗? 请联系我们修改或删除此页面
相似的提示词
浏览全部提示词
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
