Three.js 图像不是两个警告的幂 [英] Three.js Image is not power of two warning

问题描述

我对来自three.js 的警告有疑问.警告是:THREE.WebGLRenderer:图像不是二的幂 (600x480).调整为 512x512我曾尝试添加 THREE.LinearFilter，但它什么也没做.

I have a problem with this warning I'm getting from three.js. The warning is: THREE.WebGLRenderer: image is not power of two (600x480). Resized to 512x512 I have tried adding THREE.LinearFilter, but it does nothing.

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

你有什么建议?谢谢.

推荐答案

这里没有问题 - 所有纹理都需要两个图像的幂.如果您对如何缩放纹理并将其应用于几何图形有疑问，您应该查看 THREE.Texture，特别是 wrap 和 repeat 属性.

There isn't a problem here - all textures need power of two images. If you're having issues with how the texture is scaled and applied to your geometry you should check out the docs for THREE.Texture, specifically the wrap and repeat properties.

这篇关于Three.js 图像不是两个警告的幂的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！