我开源了一套带有3D模型展示的生物教学课件Demo。先看一下效果：
事情的起源是有人在X上分享了一个他做的类似网页的视频，但是没提供访问网址和具体教程，于是我就做了一份。
你可以在这里体验：https://gordensun.github.io/LearningCell/
我开源的Github仓库：https://github.com/GordenSun/LearningCell
为什么说所有课件都值得AI重做一遍？
1）因为AI效果现在确实很好了。无论是GPT Image 2或Nano Banana出2D的讲解图、信息图，还是Tripo 3D出3D模型，效果都已经达到了可以商用的级别。
2）成本低、速度快。出图或者出模型，现在成本都非常低，产出速度快，无论公立教育还是教育公司，都值得借AI提升一波整体课件的质量。
教程：如何制作带3D模型的课件网页
第1步：使用GPT Image 2生成每个细胞的正面图和背面图先生成正面，提示词：
画一个动物细胞的3D模型，俯视图，核心部件通过截面的形式展示内部细节，比例是1:1
然后ChatGPT会生成下面这张图片
在聊天里继续生成背面图片，提示词：
再画出这个细胞背面的图片，不需要截面的形式
即可获得背面图片
第2步：使用Tripo 3D生成模型
网址：https://studio.tripo3d.ai/
使用多视图生成模型，上传正面图片和背面图片，选择V3.1模型（需要订阅会员），操作界面如下图。生成后导出GLB文件。
第3步：压缩Tripo生成的3D模型
Tripo生成的3D模型，大小在50M以上，网页加载需要大量时间，必须要压缩。安装Blender，使用Draco方法压缩，单个模型压缩到6M左右。
具体咋操作？我也不会，Blender是现安装的，操作全交给Claude Code操作，MCP我都没安装，反正是Computer User和Python脚本一顿操作，你就等着就行。
下图是我和Claude Code的聊天过程，就一句话。
第4步：创建网页应用并部署到Github
有了3D模型素材，让Agent写个单页面网站，推送到Github并部署Pages即可。跟上面一样，用Claude Code、Codex、Cursor等都可以。
我因为有Cursor大佬赞助的10000美元token，所以这一步用的是Cursor。提示词如下图。
以上，我是Gorden，X上5万粉丝的AI博主（ID：Gorden_Sun），如果你想加入我的微信交流群（免费）、或者有其他问题，可以加我微信咨询。
