Hey Needle Team/Community!
Super excited finding this engine and excited to explore with it! Would love if someone could assist with the following issue:
Reproducible
Install Needle Engine via .unitypackage (double click)
Hello there – we have an experimental AI bot that might be able to help you with your question. Would you like to try this out?
How it works:
Reply to the messages of the bot that end with a thread_id to interact with it and ask follow-up questions. You can also mention the bot directly in this channel to get help.
It seems you are experiencing issues with the camera rotating when dragging an object, and the object itself stuttering. The problem might be related to the DragControls component, particularly interactions between pointer events and the camera’s transform (see the documentation).
To address the issue where the camera rotates when it’s supposed to be stationary, make sure that any camera controls (like OrbitControls) are disabled or not conflicting with the DragControls during the drag operation. For the stuttering of the dragged object, this could be related to performance issues or conflicts between react-three/fiber’s handling of the render loop and Needle Engine’s expected behavior.
As React and Needle Engine integration can be complex, it might be beneficial to isolate whether the problem is occurring during the drag operation itself or during the camera’s update. Injecting some debug logs or breakpoints could be helpful to understand the flow of events during the dragging process.
If needed, you may refer to the specific section on DragControls to better understand its implementation and events (see the documentation).
Please ensure that react-three/fiber is correctly set up to work with the Needle Engine’s component system. If issues persist, consider reaching out to Needle Engine support or the community for assistance and provide details on the exact setup and issues you’re facing.
Hi, the camera rotation happens because the react sample uses the R3F camera + OrbitControls instead of the Needle Engine component so the DragControls can not disable the Orbiting while you drag (right now) - you can change that in the project.
You dont need r3f here - avoid the confusion and just build with Needle Engine - if your project requires react for building the UI then you can use the react starter project and you’re good
Yeah, let us know how it goes! So far we have outperformed any other web framework in performance tests / technical due diligence, including Unity WebGL and R3F
Out-of-the-box asset optimization and progressive textures are hard to beat!
that might be able to help you with your question. Would you like to try this out?
because there’s no conflicing behaviour with the R3F components. We should update the R3F sample @herbst​:cactus:
