Three.js Image不是两个警告的力量

Question

我遇到了这个来自three.js的警告的问题。警告是： THREE.WebGLRenderer：图像不是2的幂（600x480）。调整为512x512 我试过添加THREE.LinearFilter，但它没有做任何事情。

var texture = new THREE.TextureLoader().load(data[i]['image']);
texture.minFilter = THREE.LinearFilter;
            var paintingGeometry = new THREE.BoxGeometry(1, 1, 1);
            var paintingMaterial = new THREE.MeshPhongMaterial({
                map: texture
            });
            var painting = new THREE.Mesh(paintingGeometry, paintingMaterial);

你有什么建议？感谢。

Answer 1

这里没有问题 - 所有纹理都需要两个图像的力量。如果您在如何缩放纹理并将其应用于几何图形时遇到问题，则应查看THREE.Texture的文档，特别是wrap和repeat属性。