Example: Label appering on the given distance from object to camera - Githubissues

jscastro76 / threebox

A Three.js plugin for Mapbox GL JS, with support for animations and advanced 3D rendering.

Other

549 stars 145 forks source link

Example: Label appering on the given distance from object to camera #415

Open NataliaDSmirnova opened 9 months ago

NataliaDSmirnova commented 9 months ago

The example shows a way to add custom labels. It presents how distance from camera to threebox object can be calculated using threejs math.

Note: distance is in world units (not meters).

Additional elements:

threejs stats measuring performance
threejs GUI control changing distance threshold
element showing the current distance from the camera to the red cube

Main functions:

createLabel()
updateLabel()

The example is a result of a conversation here: https://github.com/jscastro76/threebox/issues/409

NataliaDSmirnova commented 8 months ago

@jscastro76, could you add any comments? I'd be grateful 😊