我是three.js的初学者,也将它用于BIM项目,当我加载~ 25mb的gltf文件时,我几乎无法移动整个对象,stats.js监视器在最大gltf文件时显示0~2的fps:https:/ /github.com/xeolabs/xeogl/tree/master/examples/models/gltf/schependomlaan im使用三个js和vuejs
//package.json
"stats.js": "^0.17.0",
"three": "^0.109.0",
Run Code Online (Sandbox Code Playgroud)
import * as THREE from 'three';
import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js';
import { DRACOLoader } from 'three/examples/jsm/loaders/DRACOLoader.js';
import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js';
this.scene = new THREE.Scene();
this.stats = new Stats();
this.stats.showPanel( 0, 1, 2 ); // 0: fps, 1: ms, 2: mb, 3+: custom
let div = document.createElement('div')
div.appendChild(this.stats.dom)
div.style.position = 'absolute';
div.style.top = 0;
div.style.left = 0;
document.getElementsByClassName('gltfViewer')[0].appendChild( div …Run Code Online (Sandbox Code Playgroud)