three.js TextBufferGeometry创建3d文字(文字乱码问题解答)

最新推荐文章于 2024-06-05 10:11:22 发布

很不简单

最新推荐文章于 2024-06-05 10:11:22 发布

阅读量719

点赞数

分类专栏： three.js 文章标签： webgl three.js

本文链接：https://blog.csdn.net/qq_41960265/article/details/109206300

版权

three.js 专栏收录该内容

6 篇文章 4 订阅

订阅专栏

在这里插入图片描述
//需要网上找ttf格式中文字体，然后转json，不然中文文字就是乱码

initText() {
       
        let loader = new Three.FontLoader()
        //需要网上找ttf格式中文字体，然后转json
        //three.js有fonts文件夹，里面有英文的json格式字体
        loader.load(this.fileUrl + '/gltfl/fbx/text/FZXingHeiS-R-GB_Regular.json', function (font) {

          var geometry = new Three.TextBufferGeometry("我的", {
            font: font,
            size: 2,
            height: 0.01,
            curveSegments: 0.01,
            bevelEnabled: true,
            bevelThickness: 0.01,
            bevelSize: 0.01,
          })
          let textMaterial = new Three.MeshBasicMaterial({color: 0xff6600})
          let mesh = new Three.Mesh(geometry, textMaterial)


          scene.add(mesh)
        })

      },