JS_0074:new Promise await 等待后执行,同步加载 加载threejs 加载字体
1,
一,使用 TextGeometry创建3D文字 1.需加载字体配合使用,使用THREE.FontLoader // 加载字体 loadFont() { return new Promise(function (resolve, reject) { const loader = new THREE.FontLoader(); loader.load( './helvetiker.json', function ( response ) { try { resolve(response) } catch(error) { reject(error) } }); }) } 注意:如果出现中文乱码问题,需挑选中文字体文件再转换成json使用,转换地址:http://gero3.github.io/facetype.js 2,使用 TextGeometry添加 const font = await this.loadFont() fontOption = { font: font, size: 0.5, height: 0, curveSegments: 1, bevelThickness: 1, bevelSize: 0, bevelEnabled: false, bevelSegments: 0, }; let txtMater = new THREE.MeshBasicMaterial({color: 0xffffff}); const txtGeo1 = new THREE.TextGeometry('你好123', fontOption); let txtMesh1 = new THREE.Mesh(txtGeo1, txtMater); txtMesh1.position.set(0, 0, 8); this.scene.add(txtMesh1);
琥珀君的博客
分类:
JS技能
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律