Three.js-加载glTF格式的文件.pdfVIP

Three.js-加载glTF格式的⽂件 script src=../ ../libs/examples/js/loaders/GLT FLoader.js/script 然后，实例化加载器，并通过回调函数进⾏加载 // 加载 glTF 格式的模型 let loader = new T REE.GLT FLoader() ;/ *实例化加载器 */ loader.load(../ ../models/gltf/assassin/subzarmt.gltf,function (obj) { console.log(obj) ; obj .scene.position.y = 1; scene.add(obj .scene) ; document.getElementById(loading).style.display = none; },function (xhr) { console.log( ( xhr.loaded / xhr.total * 100 ) + % loaded ) ; },function (error) { console.log(load error!+error.getWebGLErrorMessage()) ; }) 打印输出的数据 这 模型是通过 Blender 导出来的 animations ：数组对象 ArrayT REE.AnimationClip asset ：模型信息，版本，以及⽣成器 cameras ：相机数据 parser：结构 scene：场景对象 scenes ： 数组 T REE.Scene userData：⽤户资料 ⽰例代码 !DOCTYPE html html lang=en head meta charset=UT F-8 title加载glT F格式的⽂件/title style body { margin: 0; overflow : hidden; / * 溢出隐藏 */ } /style script src=../ ../libs/build/three-r93.js/script script src=../ ../libs/examples/js/ Detector.js/script script src=../ ../libs/examples/js/libs/dat.gui.min.js/script script src=../ ../libs/examples/js/libs/stats.min.js/script script src=../ ../libs/examples/js/controls/OrbitControls.js/script script src=../ ../libs/examples/js/loaders/GLT FLoader.js/script script src=../ ../libs/examples/js/loaders/GLT FLoader.js/script style #loading { position: fixed ; top: 50%; left : 50%; color: # FFFFFF; font-size: 20px ; margin-top: -30px ; margin-left : -40px ; } /style /head body p id=loadingloading/p script let scene, camera, renderer, controls, guiControls; let stats = initStats() ; / * 场景 */ function initScene() { scene = new T REE.Scene() ;