2D Pixel Art Character blured with "Expand" viewport

[chrismccole1]

Godot Version

4.5.1

Question

Hello, I just started development of a 2D pixel art game. We have many assets at this point, maybe 20, including another animated character (frames are 64x64) total png size is 256x64.

We also have static images (16x16, 32x32) all these assets look fine.

We just replaced the main-character’s art with a new character. The sprite sheet is 96 x 192, and each frame in the spritesheet is 32x64.

This character flips in and out of being bury. I ensured the sprite was imported properly and using the “Nearest” filter mode.

I read that the viewport and scaling can mess up sprite renderings, this is what is occuring. I have “viewport” rendering, with “expand” aspect ratio, and fractional scaling. I’d really like to preserve these settings, as I don’t want black bars, and would like to be able to handle multiple window sizes.

I also saw that the difference in sprite sizes could be the issue, and they should be uniform. (32x64 vs 64x64). I added padding to each sprite in the sheet, extended the sheet to 192x192, and imported the animation frames as 64x64. No luck.

Any ideas how I can fix this? How do others handle this? I’m new to godot and 2D. Thank you for your help!

[paintsimmon]

When you say that it’s using the “nearest” filter mode, do you mean you set the default texture filter to “nearest” in project settings?

[Toxe]

@chrismccole1

and using the “Nearest” filter mode.

Good, but where did you set this?

[chrismccole1]

The texture filter is set to Nearest in the project settings, as well as when I click on the AnimatedSprite2D nodes attributes.

[chrismccole1]

The texture filter is set to Nearest in both the project settings, and the AnimatedSprite2D node’s attributes.

[paintsimmon]

Could you post an image of what you mean when you say “blurry”?

[chrismccole1]

Yes, certainly, and while I said “blurry” maybe the proper term would be “distorted”. The issue depends on the screen size, and can vary if I’m moving the character, for now. I’m using the same animation for all frames:

	if direction == Vector2.ZERO:
		anim_player.play("walk_forward")
	elif direction.y == -1:
		anim_player.play("walk_forward")
	elif direction.y == 1:
		anim_player.play("walk_forward")
	else:
		anim_player.play("walk_forward")

Here is an image of the distorted sprite:

And here, you can see that it does render properly, when the window is at certain aspect ratios:

Similarly, once distorted, you can see that the pixels temporarily revert while moving:

[paintsimmon]

That is strange. Can you show what nodes you are using for the player and world?

[chrismccole1]

Yeah, certainly.

This is the whole player scene, which is a “CharacterBody2D” The highlighted “animator” node is the “AnimatedSprite2D” being used for the character’s frames:

For the node’s attributes, everything is default with exception of:
Sprite Frames & Animation (set to my animation)
Transform.position.y = -26.0 px
Texture.Filter = “Nearest”

For the world, here it is:

Nothing too special here, just a Node2D, and a TileMapLayer. For the player node here, all settings are left as-is from the player scene.

[paintsimmon]

It’s weird that it happens only when not moving maybe it has something to do with the movement code?

Also, what are all the display stretch settings in project settings?

[wchc]

Did you set Snap 2D Transforms to Pixel in the ProjectSettings?