ノート

SANDWORM MK-X 3Dコンセプトビューアープロンプト

フリーのプロンプト百科事典 Wikiprompt より

AYi
投稿者AYiX出典

2026年9月29日

SANDWORM MK-X 3Dコンセプトビューアープロンプト Three.jsを使用した単一ファイルの自己完結型HTMLアプリを生成するための包括的なプロンプト。詳細なビジュアル、環境、HUD、およびコントロール仕様を備えた機械的なサンドワームのインタラクティブな3Dコンセプトデザインビューアを特徴としています。

プロンプト内容保存

🌐
第 1 轮:首次生成 Prompt: 我附上了参考视频里的 4 帧截图。请把它做成一个真实可运行的网页应用,外观尽量贴近参考图。 做一个单文件、自包含的 HTML(用 import map 从 CDN 引入 Three.js,不需要构建步骤),呈现一个可交互的 3D 概念设计查看器。主题是《沙丘》沙虫的机械机器人版本,名称为 "SANDWORM MK-X - Subterranean Terrain Adaptive Excavation Unit"。 ## 视觉方向 - 风格:工业概念设计图 / 工程设计文档。暖象牙色纸张背景(约 #EDE6D8),炭黑色细线条,克制的强调色:一种信号橙,加一种青色(用于 X-RAY)。不要做成暗色霓虹科幻风。 - 雾的颜色和纸张底色一致,让 3D 场景像印在纸上的跨页插图一样融进页面。 - 等宽字体或技术感无衬线字体,小号大写标签,极细边框,刻度线和比例尺。 ## 机器人本体(全部程序化生成,不用外部模型) - 身体由约 40–60 节分段装甲环沿样条曲线排列而成。每节环:圆柱外壳分成多块面板,带程序化细节 - 通风格栅、舱门、铆钉、凹槽,每节环略有不同。环与环之间是很深的暗色缝隙(见参考图 C)。 - 头部:一个大型圆形掘进前端,有多圈同心旋转的钻环、大量放射状的齿/刀片,以及模块化的颚部结构(见参考图 B)。 - 尾部逐渐收细。 - 运动:蠕动波沿身体传播;沙虫沿一条循环路径前进,会钻进沙丘又钻出来。破土处有沙尘粒子喷涌,身后留下一道浅沟和长长的投影。 - 材质:带风化感的米白色陶瓷装甲,缝隙里有更深的污垢;PBR 材质,柔和的方向光(太阳)加半球光,柔和阴影。 ## 环境 - 程序化沙丘地形(多层噪声叠加),细微的风蚀波纹纹理,沙面上画着淡淡的等高线,远处沙丘渐隐进雾里。 - 用来体现尺度的小道具:一组前哨站建筑、一个地震监测站标记、少量散落的岩石、几架扑翼机样式的无人机在飞。 ## HUD 叠层(HTML/CSS 覆盖在画布上,像一张设计图纸) - 左上参数卡:CLASS、LENGTH 1,312 m、DIAMETER 187 m、MASS、PROPULSION(Peristaltic linear drive)、POWER PLANT、DEPTH CAPABILITY、CREW NONE (AUTONOMOUS),再加一张迷你部署地图。 - 右上:"HEAD SECTION - CROSS VIEW",用 SVG 绘制(同心环、刀片、刻度环、比例尺),并列出头部各系统。 - 左下:地形示意图,带等高线和沙虫的行进路线,位置标记实时移动。 - 底部一排面板:整条身体的剖面侧视图,标注各模块(tail stabilizer、power & reactor、central actuation、head excavation),配米制比例尺;"SEGMENT DETAIL - TYPICAL RING" 单节环的爆炸图,零件编号;"LOCOMOTION CYCLE" 展示蠕动波的 4 个阶段,与实时动画同步。 - 部件标注在 3D 视图左右两侧排成整齐的两列(Segmented torso rings、Dorsal maintenance hatches、Sand-flow intake vents / Thermal exhaust ports、Modular jaw assembly、Primary excavation ring、Terrain sensor suite),每条标注用细引线连到沙虫身上对应的 3D 锚点;锚点被遮住时标注淡出。 - 3D 视图底边加一条细坐标尺。 ## 控制(顶部栏) - 镜头预设,切换时平滑缓动过渡:FRONT、SIDE、AERIAL、CHASE(跟随头部)、OUTPOST(从建筑旁的地面视角看)、ORBIT(缓慢自动环绕)。同时支持 OrbitControls 自由视角。按钮下方显示一行状态文字,例如 "FRONT VIEW · UNDER WAY · SURFACE PLOUGH"。 - X-RAY 开关:沙虫埋在沙子下面的部分显示为半透明青色外壳(见参考图 E),露出地面的部分保持实体。 - PAUSE / PLAY,以及 REFERENCE POSE(沙虫缓动成一条笔直、完全露出地面的姿态,方便检视)。 ## 质量要求 - 必须像一件完成度很高的作品集作品,而不是 demo。配色统一、留白讲究,不能有 Three.js 默认的样子。 - 60fps:装甲环和细节用 InstancedMesh 或合并几何体,控制 draw call 数量。 - 自适应窗口尺寸;所有代码在一个文件里;不要有占位符或 TODO。 把完整的 HTML 文件放在一个代码块里输出。 输出被截断时的prompt: 继续,从断掉的那一行接着写,不要重复前面的内容。 拼起来还是有问题时的prompt: 请重新输出完整文件,控制在 1200 行以内。

ログインして完全なプロンプトを表示

次で続行:

ログインすると、次に同意したことになります: 利用規約 と プライバシーポリシー

使い方

このプロンプトは creative 向けに設計されています。上の内容をコピーして、お好みの AI ツールに貼り付けてください。

最良の結果を得るには、プレースホルダー(角括弧や大文字で示された部分)を具体的な要件に置き換えてください。

参考資料

カテゴリ:creative| twitter| three-js| 3d-modeling

ノート