how can to make the text move along with the ribbon.
<ribbon
name="sphere1"
pathArray={[vectors]}
closeArray={true}
closePath={true}
useVertexColors={true}
enablePointerMoveEvents={true}
>
<adtFullscreenUi name="ui1">
<textBlock
name="text"
text="RIBBON _1"
fontSize={20}
// color="white"
resizeToFit={true}
left={5} top={3}
/>
</adtFullscreenUi>
</ribbon>
)
}
const HtmlText = () => (
<div style={{ flex: 1, display: 'flex' }}>
<Engine antialias adaptToDeviceRatio canvasId="babylonJS">
<Scene>
<freeCamera
name="camera1"
position={new Vector3(0, 5, -10)}
setTarget={[Vector3.Zero()]}
/>
<hemisphericLight
name="light1"
intensity={0.7}
direction={Vector3.Up()}
/>
<WithHtmlText />
</Scene>
</Engine>
</div>
)
export default HtmlText