论坛 › ＰＣ数码 › 建议各位在开发threejs项目的时候不要和react vue一起用

马台街48 发表于 2022-9-7 01:12

建议各位在开发threejs项目的时候不要和react vue一起用

threejs的scene自己有一套生命周期，react vue自己又有自己的生命周期，两者有时候会互相扯着蛋，初始化相机或者调接口在scene里添加元素，直接扔到mounted之类的周期函数里往往会出问题，这样的架构很容易成为一个屎山项目的地基，如果你有信心处理好这些问题的话可以试试

ylns1314 发表于 2022-9-7 04:36

虽然我也只是刚学react，然后从来没碰过threejs
但是这俩关键词扔给狗第一个结果就是：
https://github.com/pmndrs/react-three-fiber

react-three-fiber is a React renderer for threejs.

Build your scene declaratively with re-usable, self-contained components that react to state, are readily interactive and can participate in React's ecosystem.

楼主试过这个么？试过的话分享点儿经验？

拜拜 发表于 2022-9-7 10:26

试试楼上的

—— 来自 Hisense HNR320T, Android 10上的 S1Next-鹅版 v2.5.4

matthewsteel 发表于 2022-9-7 10:28

额，路过求各位大佬推荐个three做数字工厂，数字孪生方面的学习资料

问了一下图谱 thingjs的报价，最后公司决定自己凑活做做

坂装踏舞会 发表于 2022-9-7 15:23

我觉得没问题
vue 可以封装个 hooks 在 created 初始化完成然后挂载上，之后在 beforeUnmount 处理下结束事件，返回实例基本上和直接写 threejs 没区别。
调用接口这些异步的操作有没有vue，react都一样。ui 交互的话 状态管理 或者 事件总线。
推荐用 react-three-fiber 管理起来很方便。

奇洛里 发表于 2022-9-7 16:03

我是靠vuex + EventBus来处理这种3D没加载完的情况

查看完整版本: 建议各位在开发threejs项目的时候不要和react vue一起用