Блог

Я пытаюсь создать функцию, которая рандомизирует размещение некоторых импортированных мной облаков, но проблема в том, что она генерирует количество облаков, но в одном и том же положении! Я произвел рандомизацию позиции, но когда код запускается, у меня примерно 10 облаков в одной и той же позиции. Что я могу сделать? это и есть код:

 loader.load('/clouds/clouds1/scene.gltf', function (clouds1) {    var clouds1array = []  function addClouds1(){   for (var i = 1; i lt; 10; i  ) {  const clouds1Mesh = clouds1.scene  const clouds1Position = clouds1Mesh.position  clouds1Position.x = Math.random() * 10  clouds1Position.y = Math.random() * 10  clouds1Position.z = (Math.random() - 0.5 ) * 300   clouds1Mesh.scale.setX(0.05)  clouds1Mesh.scale.setY(0.05)  clouds1Mesh.scale.setZ(0.05)      scene.add(clouds1Mesh)  clouds1array.push(clouds1Mesh)      }    }     addClouds1()   })  

изменить: clouds1.структура сцены такова:

Я не знаю, почему у него такое количество детей, я пытался решить с помощью ответа, но это все равно не работает. 3-й дочерний элемент в конце содержит сетку, и я попытался использовать ее для работы, но в ней говорится, что я не могу использовать ее в scene.add() функции

правка: Я решил проблему! Мне просто нужно было вывести цикл for за пределы функции загрузки

 for(let i = 0; i lt; 30; i = 3)  loader.load('/clouds/clouds1/scene.gltf', function (clouds1) {     const cloud = clouds1.scene   const child1 = clouds1.scene.children[0].children[0].children[0].children[2].children[0]    child1.material = new THREE.MeshStandardMaterial({ emissive: 'white', emissiveIntensity: 0.5})   cloud.scale.set(0.05, 0.05, 0.05)   cloud.position.x = (Math.random() - 0.5) * 500  cloud.position.y = (Math.random()   ((Math.random()   20 )   70))  cloud.position.z = (Math.random() - 1) * 500   cloud.rotation.x = Math.random()  cloud.rotation.y = Math.random()   cloud.rotation.z = Math.random()      scene.add(cloud)   })  

GLTFLoader Результаты, которые у вас есть, clouds1 являются общим объектом, из которого вы правильно извлекаете clouds1.scene . Однако clouds1.scene это также единый Scene объект. Если у вас есть 10 облаков в загруженной вами модели GLTF, то clouds1.scene у вас будет 10 детей, и вам нужно будет пройти через них вот так:

 loader.load('/clouds/clouds1/scene.gltf', function (clouds1) {   var clouds1array = []   const clouds1Children = clouds1.scene.children   for (var i = 1; i lt; 10; i  ) {   const clouds1Mesh = clouds1Children[i]  const clouds1Position = clouds1Mesh.position  clouds1Position.x = Math.random() * 10  clouds1Position.y = Math.random() * 10  clouds1Position.z = (Math.random() - 0.5 ) * 300   clouds1Mesh.scale.setX(0.05)  clouds1Mesh.scale.setY(0.05)  clouds1Mesh.scale.setZ(0.05)    scene.add(clouds1Mesh)  clouds1array.push(clouds1Mesh)    }   })