Three.js 图像不是两个警告的幂

本文介绍了Three.js 图像不是两个警告的幂的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

限时送ChatGPT账号..

我对来自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屋！