Add a text inside a ribbon

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

You can scroll a dynamic texture by updating the offsets: Texture mode Babylon.GUI | Babylon.js Playground (babylonjs.com)

1 Like

Thank you for your response .
However, this method I tried https://playground.babylonjs.com/#ZI9AK7#2613 in this example showing text on top of that spare but I want not like that.

instead of that I want like this,

I want to know how to fix the text’s location (used html tag) on the ribbon as fixed. Which means if we drag ribbon to any side, text also needs to move along with ribbon

 <ribbon
        name="sphere1"
        pathArray={[vectors]}
        closeArray={true}
        closePath={true}
        useVertexColors={true}
        enablePointerMoveEvents={true}
      >
        <Html name="html"  occlude={false}>
          {
            <div
              style={{
                backgroundColor: 'white',
                borderRadius: '5px',
                border: '3px solid red',
                padding: '8px',
              }}
            >
              Texteee
            </div>
          }
        </Html>
       
      </ribbon>

If the texture is part of the mesh and the mesh moves, then the texture should move along with it.