0

問題は、サイトをリロードするたびに各側面の画像がランダムに変化する反射キューブを作成したことです。

これは私が作ったコードです:

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

誰かが私を助けてくれることを願っています。作ろうとする日々です。

4

1 に答える 1

0 
        var numberOfImages = 50, images = [];
        for (var i = 1; i <= numberOfImages; i++) {
            images.push(
                'sources/instagram2/image' + i + ".jpg"
            );
        }
于 2015-11-19T12:22:06.087 に答える