用 AI 搭一个 3D 战斗机展示网站,附保姆级教程,全程不画一笔

这两天 X 上有个帖子挺火的，@DilumSanjaya 做了一个 3D 模型展示网站。

然后 @servasyy_ai 把这个项目开源了，仓库叫 3DCellForge。紧接着就有人复刻，@GoGoFly23 做了一版美国战机的，SpaceX 风格，效果也很炸。

我看到之后的第一反应是，这个我也能搞。

但我不想做美国战机，我想做中国的。歼-20 威龙、歼-35 鹘鹰、歼-10C 猛龙，三款国产先进战斗机，全部用 AI 生成 3D 模型，然后丢进一个暗色军工风的展示网站里。

最后确实搞出来了。先看效果：

整个流程只需要三个工具，GPT 的 Image 生成模型出多视图，Tripo3D 把图片转成 3D 模型，Codex 把开源仓库改成你想要的风格。全程不需要 Blender，不需要手动建模。

这篇把这三步从头讲透，你照着做就能跑通。

整体思路先理清

在动手之前，先把整条链路理顺。

你要做的事情很简单。先用 AI 画出战斗机的多角度视图，再把这些图片喂给 3D 生成工具变成模型文件，最后把模型文件塞进一个现成的网页框架里展示出来。

三个环节对应三个工具。

第一步，GPT Image2 生成多视角图片。你给它一段文字描述，它帮你画出战斗机的前视图、左视图、右视图、后视图。这些图片不是随便画的，是专门为后面的 3D 建模服务的。因为它决定了后面生成的3d模型是否准确。

第二步，Tripo3D 把图片变成 3D 模型。你把上一步生成的多视角图片上传到 Tripo 官网，它会自动生成一个可以旋转查看的 3D 模型，然后导出 GLB 格式的文件。

第三步，Codex 搭建展示网站。你把 3DCellForge 这个开源仓库丢给 Codex，告诉它你想要什么风格，它会帮你把代码改好，你只需要把 GLB 模型文件放进去就行了。

整条链路的核心逻辑就是，用 AI 画图，用 AI 建模，用 AI 写代码。人类负责的只有两件事，提需求和验收。

1、用 GPT Image2 生成战斗机多视图

这一步的目的是拿到一组高质量的多角度战斗机图片，给后面的 3D 建模当素材用。

为什么不直接去网上找图？因为网上的战斗机照片角度不统一，背景乱七八糟，而且不同图之间的光照、比例都对不上。Tripo3D 做多视角转 3D 的时候，输入图片的一致性非常重要，角度要标准，背景要干净，风格要统一。AI 生成的图片在这一点上天然就有优势。

打开 ChatGPT，用 image 2 的图片生成功能。Prompt 的写法有几个关键点。

你需要明确告诉它你要的是什么机型，视角是什么（前视图、左视图、右视图、后视图），背景用纯色或者透明，风格要写实但不要太照片化。

几个要注意的点。

背景一定要干净。如果背景太花，后面 Tripo 会把背景里的东西也当成模型的一部分来建模，出来的效果就废了。

多视角图要分开生成。

其他图我就不展示了。

如果第一次生成的效果不理想，可以微调 Prompt。

每个机型都跑一遍这个流程。我这次做了歼-20、歼-35、歼-10C 三个机型，每个机型生成几张多视图。

2、用 Tripo3D 把图片变成 3D 模型

拿到三视图之后，下一步就是把这些平面图片变成真正的 3D 模型。

Tripo3D 是目前做图片转 3D 比较好用的工具之一。它支持单张图片转 3D，也支持多视角图片转 3D。我们这个场景用的是多视角模式，效果会比单张图好很多。

具体操作流程是这样的。

打开网站后，

点击创建新模型，选择「Multi-view」模式。把上一步 GPT 生成的多视图上传上去，注意是按照多视图的角度分别上传到上面去。

上传之后等它处理。生成时间大概几十秒到几分钟不等，取决于模型复杂度。

生成完了之后你可以在网页上直接预览 3D 效果，拖拽旋转看看各个角度。如果觉得不满意，可以重新生成或者换一组输入图片。

满意了就点导出，格式选 GLB。GLB 是一种通用的 3D 模型格式，Three.js 可以直接加载，也就是说后面的网站可以直接用。

三个机型都跑完之后，你手里应该有三个 GLB 文件了。这就是你的 3D 模型素材，下一步就是搭网站了。

3、用 Codex 把开源仓库改成你想要的网站

这一步是把模型和网站组装到一起。

3DCellForge 这个开源项目用的技术栈是 React + Three.js + Vite，本来是做生物细胞 3D 展示的。它的 UI 框架已经很成熟了，有左侧的模型列表、中间的 3D 展示区、右侧的参数面板，还有截图功能和视图切换。

我们要做的就是把它的内容换成战斗机，把风格改成军工航天感。

我直接把仓库链接丢给了 Codex，Prompt 大概是这样的。

这是一个 GitHub 仓库 https://github.com/huangserva/3DCellForge我想复刻一个类似的 3D 模型展示网站我的 3D 模型图都生成好了，格式是 GLB 的我想做的是关于中国航天和战斗机方面的 3D 网站风格参考中国航天的设计语言帮我把网站做出来，3D 模型可以随意添加

Codex 会自动分析仓库结构，理解它的组件逻辑，然后帮你改代码。它做了这几件事。

把所有生物细胞相关的文案替换成了战斗机信息。歼-20 威龙、歼-35 鹘鹰、歼-10C 猛龙，每个机型都有对应的名称、代号、参数。

把配色方案从生物科技风改成了暗色军工风。深色背景，金属质感的文字，每个机型有自己的主题色（歼-20 是红色系，歼-35 是铜色系，歼-10C 是青色系）。

把 3D 模型的加载路径指向了我放进去的 GLB 文件。

右侧面板改成了战斗机的技术参数，作战半径、最大速度、机体结构之类的。

顶部导航改成了「中国空天硬件工坊 / AEROSPACE · PRODUCT · VISUALIZATION」。

整个过程 Codex 基本上是全自动的，我只需要检查一下最后的效果，微调一些细节就行了。

最后 npm install 然后 npm run dev，本地就能跑起来了。打开 localhost:5173，你就能看到完整的 3D 战斗机展示网站。

最终效果

做出来的网站长这样。

暗色背景，左侧是机型列表，歼-20、歼-35、歼-10C 三个选项卡，点击可以切换。中间是 3D 模型展示区，可以用鼠标拖拽 360 度旋转查看，滚轮缩放。右侧是参数面板，显示作战半径、最大速度、系统结构等技术指标。

这条路适合谁

这个工作流最适合的场景是，你需要快速搭一个 3D 展示页面，但你不会 Blender，也不想从零写前端代码。

产品展示、概念设计、教学演示、个人作品集，这些场景都能用。不一定是战斗机，任何你能用画出来的东西，理论上都能走这条路。

但要清楚它的边界。AI 生成的 3D 模型精度有限，面数和细节跟专业建模师没法比。如果你要做工业级的产品展示或者游戏里的素材，这条路目前还不够。它更适合快速验证想法和做展示用的 Demo。

这三步串起来，就是一条完整的「AI 画图 → AI 建模 → AI 写代码」的工作流。全程不需要你打开任何建模软件，也不需要你写一行前端代码。