Closed NataliaDSmirnova closed 11 months ago
For that you will need CSS3D objects. The current labels are implemented based on CSS2D objects. That feature is out of scope but maybe you can fork it to implement it just replacing CSS2D objects by CSS3D objects
For that you will need CSS3D objects. The current labels are implemented based on CSS2D objects. That feature is out of scope but maybe you can fork it to implement it just replacing CSS2D objects by CSS3D objects
Thank you for the answer 😊 I added the type of labels using the current threebox-plugin version. For someone who may be interested, the main idea is below :
const tempVector3 = new THREE.Vector3();
const distanceFromCamera = (object3D, tb) => {
tempVector3.setFromMatrixPosition(tb.camera.matrixWorld);
const targetInLocalSpace = object3D.worldToLocal(tempVector3);
const distance = targetInLocalSpace.length();
return distance;
};
tb.update()
(be sure every object3D before the call has actual worldMatrix
.
const updateLabel = (object3D, label, tb) => {
const distance = distanceFromCamera(object3D, tb);
if (distance < LABEL_CAMERA_DISTANCE) {
if (!object3D.scaleGroup.getObjectByName('label')) {
object3D.addLabel(...);
}
} else {
object3D.removeLabel();
}
};
That's great to hear you found a way to implement it without CSS3D just manipulating the current ones. If you can create an example with it and send me a PR, I'll be glad to add it to the plugin and adding you as official collaborator @NataliaDSmirnova
That's great to hear you found a way to implement it without CSS3D just manipulating the current ones. If you can create an example with it and send me a PR, I'll be glad to add it to the plugin and adding you as official collaborator @NataliaDSmirnova
Sure, it'll take some time, but I'm going to do that.
Threebox version: 2.2.7
Question
Hello! Thank you for the plugin, it's great 😊
I'm interested in a way of visualizing labels according to their distances to the camera. I tried to transform objects' world positions into camera space аnd measure distance there, but after zooming and panning of map distance differs while objects have the same visual size.
Maybe I missed some space transitions. Could you advice how the distance can be calculated?