我正在使用JavaScript创建第一步并使用Three.js。
问题是我使用以下代码制作了一个立方体贴图,以随机选择一组6个图像:
var imgAr = [
'sources/instagram2/image_1.jpg',
'sources/instagram2/image_2.jpg',
'sources/instagram2/image_3.jpg',
'sources/instagram2/image_4.jpg',
'sources/instagram2/image_5.jpg',
'sources/instagram2/image_6.jpg',
'sources/instagram2/image_7.jpg',
'sources/instagram2/image_8.jpg',
'sources/instagram2/image_9.jpg',
];
var urls = imgAr.sort(function(){return .6 - Math.random()}).slice(0,6);
因此,每次重新加载网站时,我的多维数据集的6面都会发生变化。
现在我的问题是,instagram2是一个文件夹,其中包含大量具有相同名称的图像(image1,image2,image3等),并且会不断更新。
有没有办法更改我的代码并在imgAr中指定我想使用前缀为"image_"
的instagram2中的所有图片?
非常感谢你的帮助。这对我来说是一个非常重要的项目,我正在努力学习如何编写代码。
更新:我尝试了这个,但它仍然无效:
var nrString = "000";
images = [
'sources/instagram2/image' + nrString + ".jpg",
'sources/instagram2/image' + nrString + ".jpg",
'sources/instagram2/image' + nrString + ".jpg",
'sources/instagram2/image' + nrString + ".jpg",
'sources/instagram2/image' + nrString + ".jpg",
'sources/instagram2/image' + nrString + ".jpg"
];
var urls = images.sort(function(){return .6 - Math.random()}).slice(0,6);
var reflectionCube = THREE.ImageUtils.loadTextureCube( urls, THREE.CubeReflectionMapping );