The Annotations component is special provider component responsible for managing
and updating annotation layers and instances.
It allow you to register layers, using the AnnotationLayer component, and set a
global max visible annotations.
Annotations adds point-feature labeling support, where labels are rendered as
regular React HTML components. Anchors and connector lines are drawn to the frame buffer
after the 3D scene frame is completed.
Annotations are processed globally to support label collision, occlusion and
ordering tests. Priority and visibillity distances can be set in the AnnotationLayer
component and/or int the individual annotation elements.
This component sets up a global state and takes control over the render loop!
It's therefore important that only a single instance of this component is mounted
at any time in your project. Using this compoent with an EffectsComposer may cause issues,
and we will likely convert it from being a component into being a post-processing pass at some point.
The Annotations component is special provider component responsible for managing and updating annotation layers and instances.
It allow you to register layers, using the AnnotationLayer component, and set a global max visible annotations.
Annotations adds point-feature labeling support, where labels are rendered as regular React HTML components. Anchors and connector lines are drawn to the frame buffer after the 3D scene frame is completed.
Annotations are processed globally to support label collision, occlusion and ordering tests. Priority and visibillity distances can be set in the AnnotationLayer component and/or int the individual annotation elements.
Example
Remarks
This component sets up a global state and takes control over the render loop! It's therefore important that only a single instance of this component is mounted at any time in your project. Using this compoent with an EffectsComposer may cause issues, and we will likely convert it from being a component into being a post-processing pass at some point.
See