常见的问题

开源版和Pro版有何区别？

答：

开源版 是基于对Three.js单个模型进行编辑的

Pro版本 是基于对Three.js整个场景内容进行编辑

答：

开源版的大部分功能是为了将 Three.js不同的 API 方法以功能的形式展示出来而进行设计的， 适合个人探索学习Three.js相关 API 的一个项目媒介。

Pro版提供了更加丰富灵活便捷的场景内容编辑功能，对于3D模型材质的可编辑属性内容也提供了更多的操作项，对于场景编辑内容持久化存储方案进行了优化升级，基于开源版的很多操作痛点做了很大的用户体验升级，从企业项目开发者的角度对项目代码架构设计从而降低项目二次开发的成本，同时支持 Vue和React两个版本，更适合企业项目二次开发。

场景编辑器加载的模型和3D建模软件加载的模型效果有出入？

答：Three.js 并不能完全（100%）还原3D建模软件中加载出来的效果，同时模型加载的效果取决灯光配置，渲染器类型，场景环境光等诸多因素

无法拖动整个模型？

答：模型第一次被加载进入场景时会选中整个模型，如果当前模型存在多个材质，且你再次点击了模型其实选中的是模型下的某一个材质，拖动和改变的也是材质而不是整个模型

在右侧数据栏中找到当前选中材质的最外层数据即可选中整个模型

导出的.json 文件过大？

当你发现自己明明只加载了一个 1-2M 的模型 实际导出的.json文件却有 20M+

答：如果你的模型中存在较大的贴图资源，实际导出的文件体积可能就会大于模型本身的好几倍，因为将场景内容导出为 .json 文件遇到图片资源会转换为base64数据格式所以文件内容就会变得很大

同时也可以将 项目配置>场景>环境 默认的图片资源换成一个体积较小的图片或者用环境光来替代

导出的.json 体积将会减少 -12M 大小

加载外部模型会很卡顿？

答：切记项目并不是一个专业的3D建模软件请不要当做建模软件的浏览器版本去使用

不要加载太大的模型（ 50M+ ）因为任何运行在浏览器端的项目都无法支撑这么大内存占用

如果条件允许请和你的建模师沟通把每个模型体积控制在 1-20M 即可保证项目的流畅运行

部分模型材质属性的编辑没有效果？

答：如果你对3D建模或者 Three.js 模型材质参数这块儿的内容不太熟悉，这个问题可能无法从专业的角度回答你。

但是所有可编辑项都是有存在意义的请不要忽视它们的作用

如何快速定位聚焦模型位置

答：选中模型按 F键或者双击右侧场景栏中的模型名称

打包部署上线后页面无法访问？

答：修改 .env.production 文件中 VITE_APP_BASE_URL 值为 ‘/’ 或者是对应的服务器二级域名

或者让运维同学检查一下服务端资源访问配置规则