找回密码
 立即注册
搜索
查看: 2020|回复: 5

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

[复制链接]
     
发表于 2022-9-7 01:12 | 显示全部楼层 |阅读模式
threejs的scene自己有一套生命周期,react vue自己又有自己的生命周期,两者有时候会互相扯着蛋,初始化相机或者调接口在scene里添加元素,直接扔到mounted之类的周期函数里往往会出问题,这样的架构很容易成为一个屎山项目的地基,如果你有信心处理好这些问题的话可以试试
回复

使用道具 举报

发表于 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
回复

使用道具 举报

     
发表于 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没加载完的情况
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|上海互联网违法和不良信息举报中心|网上有害信息举报专区|962110 反电信诈骗|举报电话 021-62035905|Stage1st ( 沪ICP备13020230号-1|沪公网安备 31010702007642号 )

GMT+8, 2024-9-22 10:27 , Processed in 0.024284 second(s), 5 queries , Gzip On, Redis On.

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表