Three.js テクスチャ

クイックスタート

import * as THREE from "three";

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

// マテリアルに適用
const material = new THREE.MeshStandardMaterial({
  map: texture,
});

テクスチャの読み込み

基本的な読み込み

const loader = new THREE.TextureLoader();

// コールバックを使った非同期読み込み
loader.load(
  "texture.jpg",
  (texture) => console.log("Loaded"),
  (progress) => console.log("Progress"),
  (error) => console.error("Error"),
);

// 同期的なスタイル（内部的には非同期で読み込み）
const texture = loader.load("texture.jpg");
materi

...