尝试在three.js中添加自定义字体

时间:2018-07-24 16:18:39

标签: javascript django three.js

尝试添加我自己的自定义字体,但没有任何显示,我认为这是崩溃的吗?,有没有办法让three.js呈现我的字体:Custom Font

“ {{%static” js / pink.json“%}”->这是Django的模板标记。

var loader = new THREE.FontLoader();

var font = loader.load( "{%static "js/pink.json"%}", function ( font ) {

var textGeo = new THREE.TextGeometry( "My Text", {

    font: font,

    size: 3,
    height: 3,


} );

var textMaterial = new THREE.MeshPhongMaterial( { color: 0x000000 } );

var mesh = new THREE.Mesh( textGeo, textMaterial );
mesh.position.set( x, y, z );

scene.add( mesh );

我也收到这些错误: Browser crashingDuplicate Point

1 个答案:

答案 0 :(得分:0)

非常感谢@ prisoner849,它可以正常工作!

链接以JSON格式转换文件:gero3.github.io/facetype.js

我将.ttf文件转换为.json文件,并且可以与“ Three js”的“ THREE.FontLoader”完美配合!

var loader = new THREE.FontLoader();
loader.load( 'font_file_name.json', function ( font ) { ... }