I am trying to use pixel art for my models and I'm loading a 16x16 .png for each face of a cube. Textures seem to be scaled using something that looks similar to Photoshop's Bicubic option, and this causes the pixel art to blur. Is there a way I can scale them in a manner more similar to Photoshop's Nearest Neighbour option, and preserve the sharp edges?
For WebGLRenderer:
texture.minFilter = THREE.NearestFilter;
texture.magFilter = THREE.NearestFilter;
For CanvasRenderer this is more complicated and browser-specific but at least to some extent possible. See #1164
Thanks, that worked great.
Most helpful comment
For
WebGLRenderer:For
CanvasRendererthis is more complicated and browser-specific but at least to some extent possible. See #1164