常见的问题

开源版和Pro版有何区别？

答：

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

ThreeFlowX 是基于对Three.js整个场景内容进行编辑,同时配备了更加高度自定义的低代码编辑能力

答：

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

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

鼠标滚轮无法控制相机位置大小，鼠标右键无法拖动相机位置？

答：

项目使用的是OrbitControls控制器去实现鼠标滚轮和右键控制相机位置大小的，如果你使用右键拖动了相机然后鼠标滚轮缩放了相机，这时候你会发现鼠标控制场景相机就会变得很迟钝甚至无法移动，这应该算是Three.js的一个bug了，所有Three.js项目都会有类似的问题作者也尝试了很多方案去解决但是效果都不理想，所以如果一旦出现这个问题请点击相机重置按钮已恢复功能

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

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

无法拖动整个模型？

答：编辑器提供了两种选择模式 选中整个模型/选中模型下的某个材质

点击这个按钮切换即可

加载外部模型会很卡顿？

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

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

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

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

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

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

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

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

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

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

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

预览场景功能没有效果？

答：预览场景功能会打开一个新的浏览器窗口，大部分浏览器第一次打开时都会进行拦截询问，如果第一次你点击了类似于拒绝的按钮操作，就不会打开新的页面窗口