Three.js学习笔记-TextGeometry中文乱码解决方式

遇到中文显示为?????

一般是你现在应用的字库中没有中文文字

可以在本地电脑中找到一个中文的字库

C:\Windows\Fonts路径下找打一个有中文字符的字库,文件格式为TTF,然后去facetype.js网站转换成一个Json格式的文件,加载这个文件即可

代码

var textLoad = new THREE.FontLoader().load('assset/fonts/FZShuTi_Regular.typeface.json',function(font){
    var txtGeo = new THREE.TextGeometry('测试',{
                    font: font,
                    size: 0.8,
                    height: 0.1,
                    curveSegments: 12,
                    bevelEnabled: true,
                    bevelThickness: 0.1,
                    bevelSize: 0.05,
                    bevelSegments: 3
                });
    var txtMater = new THREE.MeshBasicMaterial({color: 0xff0000});
    var txtMesh = new THREE.Mesh(txtGeo,txtMater);
        txtMesh.position.set(-2,2.3,-0.4);
        scene.add(txtMesh);
            });

猜你喜欢

转载自blog.csdn.net/u013270347/article/details/81505292