threejs中文字显示_three.js 显示中文

1.这种是使用canvas生成ILabel，

例子：

const c: ILabel = this.createLabel(text);
const texture = new CanvasTexture(c.canvas);
const labelMaterial = new MeshBasicMaterial({
            map: texture,
            side: DoubleSide,
 
 });
const plane = new PlaneGeometry(1, 1);
const mesh = new Mesh(plane, labelMaterial)

2.这种是使用字体直接生成不用切图，多字体模型应用

例子

let font = new Font(fontt);
let shapes = font.generateShapes(‘33333’, 12);
let mat = new MeshBasicMaterial({
                color: color,
                side: DoubleSide,
});
 
let geometry = new ShapeBufferGeometry(shapes);
geometry.computeBoundingBox();
return new Mesh(geometry, mat);