使用Three.js Editor旋转GLB模型朝向教程(免安装在线工具)
作者:hangge | 2026-03-10 09:30
1,问题描述
(1)有时我们希望调整 GLB 模型朝向。例如下面这个使用 RealityScan 导出的体育馆模型。在 Windows 3D 查看器中打开时,会发现该模型朝向不符合预期的情况:模型默认是“立着”的,而我们希望它是“躺着”的。

(2)这种朝向问题通常是由于模型的原始坐标系与目标应用的坐标系不一致导致的,或者说不同软件对坐标轴(Y-up 还是 Z-up)的定义不同导致的。
2,解决办法
(1)虽然我们可以使用 Blender 等专业工具来进行旋转导出,但其要安装专门软件并且导出后存在体积变大问题。这里推荐使用免费在线的 Three.js Editor 进行转换:
(2)在 Three.js Editor 界面中,点击左上角的“文件”菜单,选择“导入”选项,然后在弹出的对话框中选择需要调整的 GLB 文件进行导入。
提示:我们也可以直接将 .glb 或 .gltf 文件拖拽到编辑器的中间空白区域导入。

(3)如果看到导入的模型看起来“黑漆漆一片”,我们可以将右侧的场景面板中的“环境”下拉框选择“ROOM”

(4)选中模型,在右侧面板下方的属性栏中,找到“旋转”这一行。这里有 X、Y、Z 三个数值。
- 想让它“躺下”:通常需要尝试在 X 轴 输入 -90 或 90。
- 如果模型偏转了方向,可以配合调整 Y 或 Z。

(5)调整后点击左上角的菜单栏“文件”->“导出”->“GLB”菜单项导出即可。

(6)使用 Windows 3D 查看器中打开刚导出的新模型,可以看到模型朝向正常了。

全部评论(0)