Why Is My Pixel Art Blurry in Godot?

Art|Pixel Art

Pixel art is an important part of game development, creating a unique visual aesthetic that can’t be replicated with traditional art styles. However, creating pixel art can be challenging when using Godot, especially when it comes to making sure the image appears sharp and clear. If the pixel art looks blurry in Godot, there are a few things that could be causing the issue.

Image Size

The most common cause of blurry pixel art in Godot is incorrect image sizing. Pixel art requires images to be sized in whole numbers – for example, an image should have a width and height of 16×16 pixels or 32×32 pixels, but never 17×17 or 33×33. If an image is not sized correctly then it will appear blurry once imported into Godot.

Texture Filter

When importing images into Godot, it’s important to make sure that the correct texture filter is being used. If the wrong filter is chosen then it will cause blurriness and other artifacts to appear in the image. For pixel art, it’s best to use either Nearest or Nearest-To-Linear as these will keep the image looking crisp and sharp.

Anti-Aliasing

Anti-aliasing is a technique used to smooth out jagged edges on images. It can be helpful when working with traditional art styles but isn’t suitable for pixel art as it causes the image to become blurry or distorted. To ensure that your pixel art looks sharp in Godot, make sure that anti-aliasing is turned off.

Conclusion

Pixel art can look great when done correctly in Godot but if it appears blurry then there are usually a few steps you need to take to fix the issue. Make sure that your images are sized correctly and set the right texture filter before turning off anti-aliasing for best results. With these tips in mind you should be able to get crisp and clear looking pixel art in no time!