[JS/TS] 开源网页3D演示工具Immersa：GLB模型导入与动画场景编辑指南

Immersa 是一款基于 Web 的 3D 演示制作工具，它允许你创建包含动态幻灯片过渡的三维演示场景，为传统幻灯片演示增添了空间维度与视觉冲击力。

核心功能特性

Immersa 的核心在于其强大的 3D 场景编辑与演示能力，具体功能包括：

• 3D 场景编辑器：提供完整的 3D 视口，支持直观的摄像机控制，方便你从任何角度构建场景。
• GLB 模型支持：轻松导入任何 .glb 格式的 3D 模型，丰富演示内容。
• 图像与文本：支持将 JPG、PNG 等格式的图片添加到 3D 空间中，并可以创建和自定义样式精美的 3D 文本元素。
• 动画过渡：在幻灯片之间实现平滑、自动的动画过渡效果，让演示过程如电影般流畅。
• 演示模式：提供带进度条的全屏演示模式，专业且易于掌控。
• 本地数据存储：所有项目数据均存储在浏览器的本地 IndexedDB 中，保障隐私与便捷性。
• 操作便利性：支持完整的撤销/重做功能、丰富的键盘快捷键，并拥有现代化的深色主题界面。

应用场景拓展

除了制作交互式 3D 演示，Immersa 还可用于创作简单的 3D 动画短片或视频内容。通过为每一张“幻灯片”设置独立的播放时长和摄像机运动参数，可以实现场景的自动播放与运镜。这降低了 3D 动画制作的门槛，让用户能够轻松导演属于自己的三维视觉故事。

与苹果等公司的同类商业工具相比，Immersa 作为开源解决方案，提供了更高的灵活性和自定义潜力，开发者可以根据自身需求进行二次开发或功能集成。

项目开源地址：https://github.com/ertugrulcetin/immersa

如果你希望深入了解如何在网页中实现复杂的 3D 图形与交互，可以探索 WebGL 等相关前端图形技术。