admin管理员组

文章数量:1594753

前段时间，我写过一个threejs旧版本（56）的字体加载（http://blog.csdn/qq_29026209/article/details/73431442），但是因为更新需要，所以重新更博。
其实也很简单，导入的变成JSON格式的字体。
var loader1 = new THREE.FontLoader();
 loader1.load( 'fonts/FangSong_Regular.typeface.json', function (font) {
                    text = createText(new THREE.TextGeometry( "电梯1", {
                        font: font,
                        size: 2,
                        height: 1,
                        curveSegments: 1
                    }));
                    text.rotation.x =0.5*Math.PI;
                    text.position.x = 20;
                    text.position.y = -76;
                    text.position.z = 5;
                    scene.add(text);
});


      function createText( geom ) {
            geomputeBoundingBox();
            var materials = [
                new THREE.MeshBasicMaterial( { color: Math.random() * 0xffffff, overdraw: 0.5 } ),
                new THREE.MeshBasicMaterial( { color: 0x000000, overdraw: 0.5 } )
            ];


            var mesh = new THREE.Mesh( geom, materials );
            return mesh;
        }
注意：

1.将字体文件转化成js的，请使用facetype.js（请去github搜索下载），由于转化结果是js的，咱们需要转成如下的JSON格式：


下面这张是js格式的，红线已经标出：只要将这段代码，以及最后面的）去掉并保存为json,例如：FangSong_Regular.typeface.json即可。


本文标签： 加载字体版本ThreeJs

版权声明：本文标题：threejs字体加载（threejs版本85左右） 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/dongtai/1728202876a1149612.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。