嘗試在three.js中添加自定義字體

Question

嘗試添加我自己的自定義字體，但沒有任何顯示我認為它崩潰了？？，有沒有辦法讓three.js 來呈現我的字體：自定義字體

"{%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 );

我也收到這些錯誤：瀏覽器崩潰和重復點

Answer 1

非常感謝@prisoner849，它的工作！

JSON格式文件轉換鏈接：gero3.github.io/facetype.js

我將 .ttf 文件轉換為 .json 文件，它與“三個 js”的“THREE.FontLoader”完美配合！

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