2D pixel grass shader

this is a easy 2D noise shader for making grass or pixel ground in topDown view, the shader use a sprite2D and it use the world position so you can make : 

ground.position = player.position

the shader will seem like to not moving, for a infinite game.

 

Shader code
shader_type canvas_item;
uniform sampler2D noise_tex;
uniform vec4 dark  : source_color = vec4(0.075, 0.251, 0.059, 1.0);
uniform vec4 light : source_color = vec4(0.083, 0.251, 0.012, 1.0);
uniform float scale = 0.002;
uniform float pixel_size = 8.0;
uniform float threshold = 0.5;
uniform vec2 world_offset;
varying vec2 world_pos;

void vertex()
{
    world_pos = (MODEL_MATRIX * vec4(VERTEX, 0.0, 1.0)).xy;
}

void fragment()
{
    vec2 snapped = floor(world_pos / pixel_size) * pixel_size;
    vec2 uv = fract((snapped + world_offset) * scale);
    float n = texture(noise_tex, uv).r;
    
    float s = step(threshold, n);
    COLOR = mix(dark, light, s);
}
Live Preview
Tags
2d, free, grass, noise, topdown
The shader code and all code snippets in this post are under CC0 license and can be used freely without the author's permission. Images and videos, and assets depicted in those, do not fall under this license. For more info, see our License terms.

More from stryck33

Related shaders

guest

0 Comments
Oldest
Newest Most Voted