React Three Fibre PCD synchronization | Three.js | Page 1

severe hinge Nov 21, 2022, 9:51 AM

#

I have two pcd files in Ui so i have to give one feature in that both pcd have to synchronize zoom in and rotate at the same time

fallen cradle Nov 21, 2022, 11:09 AM

#

okay, so you've loaded both PCD files and now you have a question about rotating them at the same time?

severe hinge Nov 21, 2022, 11:16 AM

#

Yeah i have to rotate both at the same time

fallen cradle Nov 21, 2022, 11:19 AM

#

do you know how to rotate a single PCD ?

#

it would be helpful to post an example project on codesandbox

severe hinge Nov 21, 2022, 11:22 AM

#

No like i was trying to do the samething with synchronization

keen python Nov 21, 2022, 11:31 AM

#

this would be easy with drei/view https://codesandbox.io/s/view-skissor-forked-6otm2d?file=/src/App.js

CodeSandbox

drcmda

View skissor (forked) - CodeSandbox

Shows how to form self-contained components with their own state and user interaction.

#

view uses gl.skizzor or whatever the same is. it's the same canvas but you can freely distribute views/fragments

#

each view is isolated, it can have its own cameras, controls, environment etc. but if you don't define it, it will use the default settings for these. for instance in the box above only the top/left view has orbit controls, but the others are renddering with the same camera, so everything's in sync

#React Three Fibre PCD synchronization