Help Needed: Dragging One .glb Object Over Another in Flutter (3D Interaction)

Help Dart
1

Hi everyone, I’m currently working on a Flutter project involving 3D rendering with .glb files using Dart. Specifically, I’m trying to display two 3D objects:

  • A 3D face (.glb file)
  • A pair of 3D glasses (.glb file)

The goal is to drag and position the 3D glasses freely onto the 3D face, as if the user is customizing or adjusting the fit of the glasses in real-time.

However, I’m struggling to find the right Flutter module/package that allows this kind of interactive 3D manipulation particularly the ability to drag one 3D object over another in a smooth, realistic way.

I’ve come across packages like flutter_3d_obj, and flutter_3d_controller, but I haven’t found a clear way to implement object-to-object interaction (drag-and-drop within 3D space).

Any suggestions on suitable libraries, best practices, or even workarounds would be greatly appreciated. Thanks in advance for your help!

2

Did you try this? You could have some invisible or colored anchor widgets stacked on the 3d face and drop them there.

But if you need move the glasses in 3d space on the user’s head. That seems a lot more complicated, you might need to implement it yourself and maybe you should do your app with some game engine(not necessarily a flutter one).

afaik 3d stuff with flutter is really barebones