Loader

加载器

API

GLTFLoader

加载 GLTF 模型

import { GLTFLoader } from "three/addons/loaders/GLTFLoader.js";

const loader = new GLTFLoader();

loader.load(url, (gltf) => {
  scene.add(gltf.scene);
});

DRACOLoader

DRACO 是 Google 开源的 3D 模型压缩算法，用于压缩模型，以减小网络传输。可以使用 DRACOLoader 解压

import { GLTFLoader } from "three/addons/loaders/GLTFLoader.js";
import { DRACOLoader } from "three/addons/loaders/DRACOLoader.js";

const loader = new GLTFLoader();
const dracoLoader = new DRACOLoader();

// 执行解析器目录
dracoLoader.setDecoderPath("/examples/jsm/libs/draco/");

// 关联gltfloder和dracolodaer
loader.setDracoLoader(dracoLoader);

RGBELoader

加载 HDMR 纹理

new RGBELoader().load(URL, (envMap) => {
  // 拿贴图做点啥
});

TextureLoader

纹理加载器

const uv = new THREE.TextureLoader().load(URL);

const mat1 = new THREE.MeshBasicMaterial({
  map: uv,
});

参考

• Loader
• DRACOLoader
• GLTFLoader