Threejs Texture

javascript three.js
Stefano Maglione picture Stefano Maglione · Apr 2, 2015 · Viewed 16k times · Source

When I execute my render of some geometry I can see in my console this warning:

THREE.WebGLRenderer: Texture is not power of two. Texture.minFilter should be set to THREE.NearestFilter or THREE.LinearFilter.

I can't understand the reason and the background of my canvas is completely black.

Answer

gaitat picture gaitat · Apr 2, 2015

The size of your texture is not powers of two (ie. 16x16, 32x32, 64x64 ...).

Set yourTexture.minFilter = THREE.LinearFilter to get rid of the error message.

Related questions

"Cross origin requests are only supported for HTTP." error when loading a local file

I'm trying to load a 3D model into Three.js with JSONLoader, and that 3D model is in the same directory as the entire website. I'm getting the "Cross origin requests are only supported for HTTP." error, but I don't …

Read More
Rotate camera in Three.js with mouse

I have quite a few objects in my scene so rotating all of them could be a pain. So what is the most easy way to move camera around origin on mouse click and drag? This way all the lights, …

Read More
How to rotate a 3D object on axis three.js?

I have a great problem about the rotation in three.js I want to rotate my 3D cube in one of my game. //init geometry = new THREE.CubeGeometry grid, grid, grid material = new THREE.MeshLambertMaterial {color:0xFFFFFF * Math.random(), shading:…

Read More