javascript - 使用后缀在 Three.js 中加载一组图像 url

Question

问题是我制作了一个反射立方体，每次我重新加载我的网站时，每个侧面图像都会随机变化。

这是我制作的代码：

            var imgAr = [
                      'sources/instagram2/image1.jpg',
                      'sources/instagram2/image2.jpg',
                      'sources/instagram2/image3.jpg',
                      'sources/instagram2/image4.jpg',
                      'sources/instagram2/image5.jpg',
                      'sources/instagram2/image6.jpg',
                      'sources/instagram2/image7.jpg',
                      'sources/instagram2/image8.jpg',
                      'sources/instagram2/image9.jpg',
                      'sources/instagram2/image10.jpg'
                    ];

            var urls = imgAr.sort(function(){return .6 - Math.random()}).slice(0,6);
            var reflectionCube = THREE.ImageUtils.loadTextureCube( urls, THREE.CubeReflectionMapping );

我在同一个文件夹（image1，image2等）中有很多具有相同名称样式的图像，所以我试图找到一种方法来编写代码，我可以指定我想使用名称以a结尾的所有文件数字。

我制作了这段代码，但它不起作用：

            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 );

我希望有人能帮助我。我有几天努力做到这一点。

Answer 1

        var numberOfImages = 50, images = [];
        for (var i = 1; i <= numberOfImages; i++) {
            images.push(
                'sources/instagram2/image' + i + ".jpg"
            );
        }