将单张参考图重建为可动画的程序化 Three.js 代码模型，而不是网格文件。
1.8万1729PythonApache-2.0更新于 3天前
xr843/insect-world
交互式 3D 昆虫图鉴，用 TypeScript 与 Three.js 在浏览器中程序化生成 63 种昆虫模型。
- Star
- 793
- Fork
- 73
- 未关闭 Issue
- 0
- 最近提交
- 3天前
这是什么？
昆虫世界是一个基于浏览器的 3D 昆虫图鉴，收录 14 个目共 63 种昆虫。用户可以旋转、缩放每个标本，点击彩色标注点查看身体部位说明，还能聚焦部位、沿矢状面剖切、让外骨骼半透明，并把两个物种并排对比。
每只昆虫的模型都在运行时由代码生成，仓库中没有任何模型或贴图文件。几何体由放样截面、分节腹部、附肢和翅脉网络等参数化结构拼成，新增物种只需描述其尺寸与配色。二十八个物种带有卵、幼虫、蛹或若虫阶段模型，八种会悬停的昆虫可以在原地振翅。
站点还提供分步讲解与小测，支持浅色与暗色主题，并有中英文两个版本。文案据说由 AI 撰写，仅部分高频物种对照文献核校，更适合作为科普性的入门读物。
核心功能
- 01在浏览器中旋转、缩放 63 种昆虫模型并点击标注点
- 02模型由代码程序化生成，仓库不含外部模型文件
- 0328 个物种提供卵、幼虫、蛹等生活史阶段模型
- 04支持剖切、外骨骼半透明与物种并排对比
- 05分步讲解与小测，镜头会移动到讲解的部位
- 06提供中英文版本与浅色、暗色两套主题
适用场景
- 在课堂或科普场景中讲解完全变态与不完全变态
- 学习昆虫解剖之前，先通过三维模型直观了解身体结构
- 借助身体构造认识身边常见的昆虫
- 作为 Three.js 程序化建模的参考实现
快速上手
- 1
安装 Node.js 22.13 或更新版本，然后安装依赖
npm install - 2
启动开发服务器，在 localhost:5178 打开网站
npm run dev
使用前须知
- 63 种昆虫的讲解文本由 AI 撰写，仅其中 14 种经过部分文献核校。
- 全部内容未经昆虫学专家复审，不应作为可引用的资料。
标签
常见问题
- insect-world 是什么？
- 交互式 3D 昆虫图鉴，用 TypeScript 与 Three.js 在浏览器中程序化生成 63 种昆虫模型。 昆虫世界是一个基于浏览器的 3D 昆虫图鉴，收录 14 个目共 63 种昆虫。用户可以旋转、缩放每个标本，点击彩色标注点查看身体部位说明，还能聚焦部位、沿矢状面剖切、让外骨骼半透明，并把两个物种并排对比。
- insect-world 可以免费使用吗？用的什么许可证？
- insect-world 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。
- insect-world 还在维护吗？
- 活跃维护中。insect-world 最近一次提交是在 2026年10月17日。
- insect-world 适合用来做什么？
- 在课堂或科普场景中讲解完全变态与不完全变态 学习昆虫解剖之前，先通过三维模型直观了解身体结构 借助身体构造认识身边常见的昆虫 作为 Three.js 程序化建模的参考实现
- insect-world 怎么安装和运行？
- 安装 Node.js 22.13 或更新版本，然后安装依赖: npm install 启动开发服务器，在 localhost:5178 打开网站: npm run dev
- 在哪里获取 insect-world？
- 源代码和安装说明在 GitHub 上：https://github.com/xr843/insect-world
概要由 AI 根据项目 README 生成；GitHub 数据每日更新。
相关项目
一座免费的双语 3D 史前动物博物馆，适合孩子和家长在浏览器中一起探索。
1146138TypeScriptAGPL-3.0更新于 前天
一款可离线使用的网页版实时星空应用，在浏览器中还原任意地点与时间的本地天空。
13813TypeScript无许可证更新于 7天前
在浏览器中搭建场景、摆放角色、编排镜头运动，并将分镜交给 AI 视频模型的预演工具。
80793JavaScriptAGPL-3.0更新于 昨天
一个为 Codex、Claude Code、Cursor 等 Agent 提供的 Skill，用于生成可交互、逐步建造的 Three.js 三维古建场景。
58769TypeScriptMIT更新于 28天前
一款在浏览器中用 three.js 实时渲染的 3D 日本河谷小船之旅，涵盖四季与全天时段。
986JavaScriptOther更新于 昨天