xr843/insect-world

解决的问题

本项目提供了一个基于Web的交互式3D昆虫百科全书，涵盖63种昆虫。它通过允许用户在浏览器界面中旋转、缩放并探索昆虫的解剖结构、生命周期和生态角色，解决了传统生物插图静态且缺乏交互性的问题。

工作原理

与依赖沉重预制模型文件的传统3D项目不同，本项目使用TypeScript和Three.js库以编程方式生成所有昆虫的3D几何体。通过参数化几何定义（例如身体节段、附肢和翅脉），项目实现了轻量、可扩展且视觉风格统一的效果。它包含诸如“隔离”（聚焦部件）、“图层”（透明度）和“测验”模式等交互功能，全部在浏览器中实时运行。

目标用户

专为希望以交互方式学习昆虫形态和生命阶段的学生、教育工作者和自然爱好者设计。对于那些对Web图形（WebGL/Three.js）与教育内容交叉领域感兴趣的人来说，它特别有用。

亮点

• 零资产文件：每种昆虫均通过代码生成，无需任何外部3D模型文件。
• 生命周期可视化：为28个物种提供了74个不同的生命阶段模型（卵、幼虫、蛹、成虫），包括蝴蝶羽化等动态动画。
• 双重视觉主题：提供“标本台”（浅色模式）和“博物馆之夜”（深色模式）两种美学风格。
• 教育工具：包含交互式测验、分步引导教程和对比视图，帮助用户区分不同物种。
• 高质量测试：包含超过4,000项测试，以确保形态准确性、锚点放置和数据一致性。