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); } ); }