Change positions for glyphs.

[paul-fedotov]

Hello, I try to render text and I need to position it like a table. When I manually change the coordinates of the glyphs they don't change their position (don't rerender), but I can see in debugger that the coordinates have been changed successfully.

Best regards, Paul.

var geom = createText({
  text: '12345...N',
  lineHeight: 30,
  font: font, 
  width: 1200
});

var material = new THREE.RawShaderMaterial(SDFShader({
  map: texture,
  side: THREE.DoubleSide,
  transparent: true,
  color: 'rgb(0, 0, 0)'
}));

var text = new THREE.Mesh( geom, material );

geom.visibleGlyphs.forEach(function (glyph) {
  glyph.position[0] = newX;
  glyph.position[1] = newY;
});

geom.update();

[mattdesl]

You probably need to update the position attribute:

geom.getAttribute('position').needsUpdate = true;

😄

[paul-fedotov]

Hello. Thank you for your reply. Unfortunately this does not help. Let me show what i'm trying to do

This is how i want my table to look

In this example i've created seperate text objects for each cell.

This is how it looks for me when i try to use one text object and change the coordinates of the glyphs manualy to match the cell layout.

The coordinates change is applied (i can see it in debugger) but the glyphs don't move.