首页 > 其他分享 >JS_0074:new Promise await 等待后执行,同步加载 加载threejs 加载字体

JS_0074:new Promise await 等待后执行,同步加载 加载threejs 加载字体

时间:2023-03-13 09:55:51浏览次数:45  
标签:threejs await THREE txtMesh1 TextGeometry new font 加载

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

 

标签:threejs,await,THREE,txtMesh1,TextGeometry,new,font,加载
From: https://www.cnblogs.com/eliteboy/p/17210343.html

相关文章

  • 类加载器
    类加载器作用类加载的作用将class文件字节码内容加载到内存中,并将这些静态数据转换成方法区的运行时数据结构,然后再堆中生成一个代表这个类的java.lang.Class对象,作为方......
  • 根据请求获取加载进度条
    ajaxexportfunctionrequest(options={}){const{url,method='GET',onProgress,data=null}=options;returnnewPromise((resolve)=>{......
  • 类加载和内存分析
    类加载和内存分析类加载步骤加载:加载到内存,堆产生一个对应的Class对象链接:进行数据的初始化,将二进制代码合并到JVM运行状态中初始化:初始化代码块,静态代码块的执行(执......
  • IDEA开启热加载
    这里我没有修改,都是默认配置自动编译,可开可不开,记得IDEA编译快捷键即可,有些人的不起作用,默认仅在debug模式启动时会在更改后自动编译修改让自动编译在run模式下也......
  • Android 关于WebView加载完成的多种监听方式
    第一种方式:setWebViewClient()>>>>>>onPageFinished()缺点是6.0以上手机只会调用响应一次,如下:mWebView.setWebViewClient(newWebViewClient(){@Override......
  • c#异步编程学习记录之一 async和await
    async放在方法名前面,表示当前方法是一个异步的方法await等待返回结果,一般这个后面会跟着一个比较耗时的操作示例如下:Console.WriteLine("Hello,World!")......
  • vue中执行异步函数async和await的用法
    在开发中,可能会遇到两个或多个函数异步执行的情况,对于Vue中函数的异步函数执行做了一个小总结,如下:异步执行使用async和await完成created(){this.init()},meth......
  • C# 调用 c++ DLLL试图加载格式不正确的程序。 (异常来自 HRESULT:0x8007000B
     网上各种设置目标编译平台为x86都解决不了问题,有可能是DLL依赖的文件的位数有问题1、先查一下被调用的DLL用了那些DLLvs的开发人员工具控制台输入 dumpbin/depe......
  • C# 异步编程async/await
    概述异步这个概念在不同语境下有不同的解释,比如在一个单核CPU里开启两个线程执行两个函数,通常认为这种执行方式是异步的,但对于CPU来说它是单核不可能同时运行两个函数,不过......
  • 9.使用async和await简化promise的使用
    我们常规的写法如下:reqLogin(username,password).then(response=>{console.log("登陆成功了!",response.data)}).catch(error=>{console.log("登陆失......