开源项目例子中:
https://opensource.icegl.cn#/plugins/industry4/showCar
使用了r3f中的组件:
Environment 、Lightformers 、LayerMaterial
其中
Environment
在cientos功能不完善,也不支持插槽
Lightformers、LayerMaterial
也都没有。
故想到在:R3F中部分功能移植到Tres的cientos。
可参考部分:
让r3f中对应的API:
https://drei.pmnd.rs/?path=/docs/staging-environment--docs
实例地址:
https://github.com/pmndrs/drei#lightformer
代码地址:
https://github.com/pmndrs/drei
LayerMaterial
图层材质 对应的库:
https://github.com/pmndrs/lamina
对应的需要移植和修改的组件:
Environment【增加background功能和内部挂载插槽Lightformer功能】 、Lightformers 、LayerMaterial【内部包含几个子组件】
再来个例子:
https://opensource.icegl.cn#/plugins/industry4/showLambo
代码移在开源更新项目中。自行拖取
成功移植了 这部分 代码
https://opensource.icegl.cn#/plugins/skyBox/newEnvironment
有时间 提交个PR到 cientos
github 对应库的PR地址,等待审批要求 修改合并
https://github.com/Tresjs/cientos/pull/374
https://github.com/Tresjs/cientos/pull/382
记录一下 在github对于tres.js生态的贡献 参与感还是拉满的
https://discord.com/channels/1047126995424780288/1101058212167421982/1240680467556995092