[2D] Starfield in the sky with scrolling effect ver 1.0
。Opening
A Starfield in the sky, and you can also choose the speed of scrolling direction.
。Detail
Claude AI 生成 >
1.多網格系統，加速星群渲染
2.噪聲系統(FBM)，並且由3相FBM疊加模擬天空雲霧特效。
自行生成 >
星星繪製方程 https://godotshaders.com/shader/2d-sparkling-star-effect-ver-2-0/
Claude AI-generated>
1. A multi-layer grid system helps speed up the rendering of stars.
2. A noise system (FBM) is used, wrapping three layers of FBM to create realistic sky clouds and fog effects.
Self-generated >
Star drawing formula: https://godotshaders.com/shader/2d-sparkling-star-effect-ver-2-0/
Shader code
shader_type canvas_item;
uniform float density : hint_range(0.0, 300.0, 1.) = 150.;
uniform int layer_parascale : hint_range(0, 5, 1) = 2;
uniform float speedx : hint_range(-10.0, 10.0, 0.1) = 0.2;
uniform float speedy : hint_range(-10.0, 10.0, 0.1) = 0.;
uniform float star_horizontal_wave : hint_range(0.0, 10.0, 0.1) = 0.3;
uniform float star_size : hint_range(0.0, 100.0, 0.1) = 3.0;
uniform float twinkle_effect : hint_range(0.0, 1.0, 0.1) = 0.6;
uniform float twinkle_speed : hint_range(0.0, 100.0, 0.1) = 0.3;
uniform float fbm_strength : hint_range(0.0, 3.0, 0.01) = 0.12;
uniform float fbm_mix : hint_range(0.0, 1.0, 0.01) = 0.07;
uniform float fbm_freq : hint_range(0, 200, 1) = 4;
uniform float fbm_amp : hint_range(0, 10., 0.01) = 1.5;
uniform float fbm_speed : hint_range(-10.0, 10.0, 0.01) = 5.;
uniform float warp_scale : hint_range(0, 10., 0.01) = 2.;
uniform float cloud_freq : hint_range(0, 100, 1) = 40;
uniform float cloud_amp : hint_range(0, 1., 0.01) = 0.02;
uniform float cloud_speed : hint_range(0, 10., 0.01) = 5.;
uniform float cloud_color_ci1 : hint_range(0, 1., 0.01) = 0.75;
uniform float cloud_color_ci2 : hint_range(0, 1., 0.01) = 0.45;
uniform float cloud_color_ci3 : hint_range(0, 1., 0.01) = 0.9;
uniform float cloud_color_shiftx : hint_range(-100, 100., 0.5) = 0.;
uniform float cloud_color_shifty : hint_range(-100, 100., 0.5) = 0.;
uniform vec3 background_color : source_color = vec3(0.02, 0.04, 0.12); // Dark blue background
// Star-related functions
float onedx(float x) {
return x == 0. ? 1. : 1.0/x;
}
float onedx2(float x) {
return onedx(x)*onedx(x);
}
float getBetaW(float x, float f, float size) {
return size*x*PI/f;
}
float getBetaH(float y, float f, float size) {
return size*y*PI/f;
}
float getI(vec2 uv, float f, vec2 SIZE) {
return onedx2(getBetaW(uv.x, f, SIZE.x))*onedx2(getBetaH(uv.y, f, SIZE.y));
}
// Random function
float random(vec2 st) {
return fract(sin(dot(st.xy, vec2(12.9898, 78.233))) * 43759.5453123);
}
// Noise function
float noise(vec2 st) {
vec2 i = floor(st);
vec2 f = fract(st);
float a = random(i);
float b = random(i + vec2(1.0, 0.0));
float c = random(i + vec2(0.0, 1.0));
float d = random(i + vec2(1.0, 1.0));
vec2 u = f * f * (3.0 - 2.0 * f);
return mix(a, b, u.x) +
(c - a) * u.y * (1.0 - u.x) +
(d - b) * u.x * u.y;
}
// Fractal noise (FBM)
float fbm(vec2 st) {
float value = 0.0;
float freq = fbm_freq;
float amp = fbm_amp;
for(int i = 0; i < 5; i++) {
value += fbm_amp * noise(st * freq);
freq *= 2.7;//2.
amp *= 0.5;
}
return value;
}
vec2 clouduv(vec2 uv, float time, vec2 centers[6]){
const int count = 3;
const vec2 flowDir = vec2(0.20, -0.07);
vec2 cloud_shiftspeed = time * vec2(speedx, speedy) * fbm_speed;
vec2 p = uv * warp_scale - cloud_shiftspeed;
vec2 warp = vec2(
fbm(p + vec2(5.2, 1.3) + time*flowDir*1.2),
fbm(p + vec2(-2.8, 3.1) - time*flowDir*0.9)
);
uv += (warp - 0.5) * fbm_strength;
for(int i=0; i<count; i++){
vec2 toC = uv - centers[i];
float r = length(toC) + 1e-6;
float rip = sin(r * cloud_freq - time * cloud_speed) * cloud_amp;
uv += normalize(toC) * rip;
}
return uv;
}
vec2 getSnowflakeWorldCenter(vec2 gridId, vec2 timeOffset, vec2 snowOffset, float layerScale) {
return (gridId + snowOffset + timeOffset) / layerScale;
}
vec2 rotate(vec2 uv, float addtheta) {
float theta = atan(uv.y, uv.x) + addtheta;
float r = sqrt(uv.x*uv.x + uv.y*uv.y);
vec2 ruv;
ruv.x = r*cos(theta);
ruv.y = r*sin(theta);
return ruv;
}
void fragment() {
vec3 color = background_color;
vec2 screen_size = 1.0 / SCREEN_PIXEL_SIZE;
vec2 st = SCREEN_UV;
st.x = st.x / screen_size.y * screen_size.x;
vec2 cuv = (st - 0.5) * 2.0;
// Multi-layer star effect
for(int layer = 0; layer < 4; layer++) {
float layerScale = exp(float(layer*layer_parascale + 1) * density * 0.002);
vec2 layerSpeed = vec2(speedx, speedy) * vec2(1.0 + float(layer) * 0.3);
float layerSize = star_size * (1.0 - float(layer) * 0.2);
// Calculate coordinates for each layer
vec2 layerSt = st * layerScale;
vec2 cuvSt = cuv;
// Add time-based animation
vec2 timeOffset = TIME * layerSpeed * 1.0;
layerSt -= timeOffset;
// Get grid coordinates
vec2 gridSt = fract(layerSt);
vec2 gridId = floor(layerSt);
// Generate random star in each grid
float randSeed = random(gridId);
// Random position within grid
vec2 snowPos = vec2(
0.5 + 0.3 * sin(randSeed * 6.28 + TIME * star_horizontal_wave),
0.5 + 0.2 * cos(randSeed * 12.56)
);
float dist = distance(gridSt, snowPos);
// Star size and brightness
float snowSize = layerSize * 0.01 * (0.5 + 0.5 * randSeed);
float brightness = 1.0 - float(layer) * 0.3;
float M = exp(-dist * dist / (snowSize * snowSize));
// Rotation
float rotateAngle = 0.01 * (TIME * cos(randSeed * 120.0 + TIME * 0.05));
// Create star shape
vec2 fst = rotate(cuvSt - (getSnowflakeWorldCenter(gridId, timeOffset, snowPos, layerScale) - 0.5)*2.0, rotateAngle);
float snowflake = M*0.5*(getI(fst, 0.8 - dist*42.0, vec2(1.0/snowSize)) + 1.);
// Add twinkle effect
float twinkle = (1. - twinkle_effect) + twinkle_effect * (sin(randSeed * 100.0 + TIME * twinkle_speed) * cos(randSeed * 120.0 + TIME * (twinkle_speed + 2.)));
snowflake *= twinkle;
vec3 colortype = vec3(random(gridId-3.0), random(gridId+7.0), random(gridId+5.0));
// Accumulate star effect
color = max(color + (snowflake * brightness) * colortype, color);
}
vec2 centers[6];
centers[0] = vec2(-0.3,0.4);
centers[1] = vec2(0.7,-0.5);
centers[2] = vec2(-0.5,0.7);
cuv -= vec2(cloud_color_shiftx, cloud_color_shifty);
vec2 fuv = clouduv(cuv, TIME, centers);
COLOR = vec4(mix(color, vec3(fuv.x*(1. - cloud_color_ci1) + fuv.y*cloud_color_ci2, fuv.x*(1. - cloud_color_ci3) + fuv.y*cloud_color_ci2, fuv.x*(1. - cloud_color_ci3) + fuv.y*cloud_color_ci1), fbm_mix), 1.0);
}
ew ai