three.js值得學嗎（Three-JS使用TextGeometry中文亂碼）

2023-04-20 04:27:46

threeJs中使用TextGeometry方法添加文字當時中文的時候會出現亂碼：

const geomeText = new TextGeometry( '你好three-Js', { font, size: 50, height: 80, curveSegments: 12, bevelEnabled: true, bevelThickness: 20, bevelSize: 6, bevelSegments: 3} );

從上面參數中我們可以看到有一個叫 font 的屬性，該屬性是THREE.Font的實例。（參考：https://threejs.org/docs/index.html#examples/zh/geometries/TextGeometry）該實例使用fontLoader 將其加載進來，在threejs中本身提供的font實例是不支持中文的。

字體加載進來通過列印發現僅支持最基本的字符：

1、可以想辦法提供自己需要的font實例；

2、請使用官網推薦的其他文字創建加載方案（https://threejs.org/docs/index.html#manual/zh/introduction/Creating-text）

評價：提供自己的字體實例這個難度還是比較大的，官方的其他方案也不是很靈活。最佳解決方案正在尋找中！！！^_^