tree.js添加字体,字体自定义

这里的字体都是要用json文件格式的

这个是官方网址上给的.ttf字体文件转换为json的在线地址,

下面就是字体在场景中怎么显示啦
http://gero3.github.io/facetype.js/

            //字体显示内容
            function initFont(){
                var loader = new THREE.FontLoader();
                loader.load( 'js/LcdD_Regular.json', function ( font ) {
                    var gem = new THREE.TextGeometry('89', {
                        size: 20, //字号大小,一般为大写字母的高度
                        height: 6, //文字的厚度
                        weight: 'normal', //值为'normal'或'bold',表示是否加粗
                        font: font, //字体,默认是'helvetiker',需对应引用的字体文件
                        style: 'normal', //值为'normal'或'italics',表示是否斜体
                        bevelThickness: 1, //倒角厚度
                        bevelSize: 1, //倒角宽度
                        curveSegments: 30,//弧线分段数,使得文字的曲线更加光滑
                        bevelEnabled: true, //布尔值,是否使用倒角,意为在边缘处斜切
                    });
                    gem.center();
                    var mat = new THREE.MeshPhongMaterial({
                        color: 0xff0000,
                        specular: 0x00ff00,
                        shininess: 30,
                        shading: THREE.FlatShading
                    });
                    var textObj = new THREE.Mesh(gem, mat);
                    textObj.position.set(3,6,-32)
                    scene.add(textObj);
                } );
            }

 

posted @ 2021-04-26 16:39  嗯哼Nymph  阅读(193)  评论(0编辑  收藏  举报