js-three icon indicating copy to clipboard operation
js-three copied to clipboard

Implement floating anchors

Open usefulthink opened this issue 2 years ago • 3 comments

This is a follow-up to #618.

Is your feature request related to a problem? Please describe.

When handling globally distributed 3d-objects in a single overlay, one of the problems is that a single anchor-point isn't enough to maintain acceptable precision in all locations.

Describe the solution you'd like

To solve this, we could add a feature I would call "floating anchor". With this, users would provide the geo-reference of an object in a property object.userData.geoPosition (see three.js documentation) and the overlay would automatically calculate the anchored world-space position for those geo-coordinates.

The anchor-point could then be automatically updated from map-movement. With every update, the scene is traversed and world-space coordinates are recomputed from the specified geo-reference.

usefulthink avatar Feb 06 '23 11:02 usefulthink

I go through the same issue, any updates ?

anorakdepluie avatar Jul 19 '23 14:07 anorakdepluie

@anorakdepluie we want to move forward with this and wanted to ask if you could maybe add some more details on what issues you are currently having that could be solved by implementing floating anchors.

That way we can make sure that the solution we end up with actually helps to solve those problems.

usefulthink avatar Jul 19 '23 19:07 usefulthink

Hi, This solution would solve some problems of mine aswell. I am building an app that allows users to add objects anywhere on the world map.

Currently the objects are blurry / distorted if the objects are placed too far from the current anchor. (If the objects are real world scale such as cars/buildings etc)

Having multiple anchors would solve this issue.

crunchwrap89 avatar Jul 20 '23 04:07 crunchwrap89