Black border around my game screen (Unresolved)

Help
, ,
1

Godot Version

Godot 4.3

Question

So, for my game, which tries to imitate a kind of retro style, i changed some settings in the window configuration of godot. Problem is, that there’s this annoying black borderline around the screen that actually annoys me a bit. Is there a way to get rid of that?

Captura de tela 2024-09-14 152315
Captura de tela 2024-09-14 1523151919×1024 43 KB

I tried things like adding a filter so the screen looked a bit more pixelated, problem is that my game uses two cameras (one for the player and one for the guns and other itens), so if i apply the filter on one of the cameras, the other one will not be pixelated, and if i add the filter on both cameras, i can’t see nothing.

2

How are you currently applying this filter
You could apply the filter thru control nodes, so it covers all screen pixels

3

imagem_2024-09-14_163449982

Currently using like so (this view_cam is the camera for the renderization of weapons)

Control Nodes? how could one do that? i’m new so i don’t grasp alot of those things yet

4

image
image1091×668 125 KB

This is my player scene
And the way I do shaders is inside the CanvasLayer called “Shaders”
image
I put this layer above my HUD and UI in scene tree so it doesn’t affect them

And how i set up this Shader is

  1. Added ColorRect
  2. Set Anchor to cover whole screen
    image
    image789×642 10.1 KB
  3. Set Material to a shader
    image
    image396×538 18.1 KB
  4. Write/Paste your shader, for example I used this pixelization shader on my other project
shader_type canvas_item;

uniform sampler2D SCREEN_TEXTURE : hint_screen_texture, filter_linear_mipmap;


uniform float x;
uniform float y;

void fragment() {
	
	vec2 uv = SCREEN_UV;
	uv -= mod(uv, vec2(x/100.0, y/100.0));
	COLOR.rgb = textureLod(SCREEN_TEXTURE, uv, 0.0).rgb;
}

Btw I got this shader from this video

And you can use sites like GodotShaders.com to learn or get shaders for free

5

Hi! so, i tried what you told me, but i’m certainly doing something wrong or missing some steps…

Look, after i tried doing the shaders with a CanvasLayer, only thing i actually get in return is just some big rectangle infront of my screen. If i just make the ColorRect color’s transparent, it just becomes transparent but the filter is not applied neither can i move the player’s head around…

Here’s a screenshot for better understanding:

imagem_2024-09-15_141316099
imagem_2024-09-15_1413160991910×910 154 KB

On the left there’s the player’s structure, the Shaders can be seen down there, above the UI as you recommended. I use my own shader, that can be seen on the bottom right corner and in the bottom middle as well, and the white rectangle that i mentioned which cover the entire screen

The shader’s code:

shader_type spatial;

render_mode unshaded;

uniform sampler2D SCREEN_TEXTURE: hint_screen_texture, filter_linear;
const int pixel_size = 4;

void fragment() {
	float x = float (int (FRAGCOORD.x) % pixel_size);
	float y = float (int (FRAGCOORD.y) % pixel_size);
	
	x = FRAGCOORD.x + floor(float(pixel_size) / 2.0) - x;
	y = FRAGCOORD.y + floor(float(pixel_size) / 2.0) - y;
	
	ALBEDO = texture(SCREEN_TEXTURE, vec2(x,y) / VIEWPORT_SIZE).xyz;
}
6

My bad I should’ve clarified better

The problem is your shader code.
You’re using shader_type spatial, which is used for meshes.
For UI shaders you need to use shader_type canvas_item.
Which may also require some changes to the shader code. (I suggest trying out the pixelization shader code i sent you)

The cause of this problem could be that your mouse filter setting on the UI node is set to “Stop”
image
Setting this setting to “Ignore” makes it so the UI node doesn’t interact with the mouse.

7

Well, now i think i’m getting kinda the hand on this, but still there’s this problem where i can’t really see anything, besides the UI for the Ammo because i’ve put the Shaders above the UI node…

imagem_2024-09-15_201658138
imagem_2024-09-15_2016581381517×772 49.1 KB

Also if you saw, i’m using your code now, because i think mine is now giving an error that i’m yet to solve, so to put things faster, i’m using yours just so i can test and see things better for now

8

BTW you can change the Shader Parameters under the shader material tab, if you change some of the values it could fix the visibility issue.

I’m guessing this is because you tried to convert your spatial shader to canvas_item

9

Hey! Sorry for the late answer, but i’ve tried what you said, and nothing worked…for now. I’m kinda busy getting on with finishing my shooting and weapons mechanic, so i didn’t dove deep into the shaders part of the thing.

If i need to come back again into the shaders part, i will certainly do another topic on this. But for now i’m gonna stick to the shooting.

Thanks for all your help, i actually do appreciate it a lot, and i hope i can meet you again :smiley:

1 Like