Как правильно предзагрузить изображения для использования three.js?

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

// Создайте экземпляр загрузчика текстур
var textureLoader = new THREE.TextureLoader();

// Загрузите изображение
textureLoader.load(
  // Путь к изображению
  'path/to/your/image.jpg',
  
  // Функция, вызываемая, когда загрузка завершена
  function (texture) {
    // Создайте объект материала с использованием загруженной текстуры
    var material = new THREE.MeshBasicMaterial({ map: texture });
  
    // Создайте геометрию и меш с использованием материала
    var geometry = new THREE.BoxGeometry(1, 1, 1);
    var mesh = new THREE.Mesh(geometry, material);

    // Добавьте меш на сцену
    scene.add(mesh);
  },
  
  // Функция, вызываемая во время загрузки
  function (xhr) {
    console.log((xhr.loaded / xhr.total * 100) + '% загружено');
  },
  
  // Функция, вызываемая при ошибке загрузки
  function (error) {
    console.log('Ошибка загрузки текстуры', error);
  }
);