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等）中有很多具有相同名称样式的图像，所以我试图找到一种编写代码的方法，我可以指定我想要使用所有名称的文件以数字结尾。

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

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

使用后缀在Three.js中加载一组图像URL

1 个答案: