Three.js ローダー

クイックスタート

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

// GLTF モデルを読み込む
const loader = new GLTFLoader();
loader.load("model.glb", (gltf) => {
  scene.add(gltf.scene);
});

// テクスチャを読み込む
const textureLoader = new THREE.TextureLoader();
const texture = textureLoader.load("texture.jpg");

LoadingManager

複数のローダーを調整し、進捗を追跡します。

const manager = new THREE.LoadingManager();

// コールバック
manager.onStart = (url, loaded, total) => {
  console.log(`読み込み開始: ${url}`);
};

manager.onLoad = () => {
  con

...