Galactica/src/render/shaders/starfield.wgsl

126 lines
3.1 KiB
WebGPU Shading Language
Raw Normal View History

2023-12-23 12:52:36 -08:00
// Vertex shader
2023-12-23 11:01:27 -08:00
struct InstanceInput {
2023-12-23 14:07:12 -08:00
@location(2) position: vec2<f32>,
2023-12-23 23:24:04 -08:00
@location(3) parallax: f32,
@location(4) height: f32,
2023-12-24 11:59:39 -08:00
@location(5) tint: vec2<f32>,
2023-12-23 11:01:27 -08:00
};
2023-12-23 23:24:04 -08:00
struct VertexInput {
@location(0) position: vec3<f32>,
@location(1) texture_coords: vec2<f32>,
}
2023-12-23 11:01:27 -08:00
struct VertexOutput {
2023-12-23 23:24:04 -08:00
@builtin(position) position: vec4<f32>,
@location(0) texture_coords: vec2<f32>,
2023-12-24 11:59:39 -08:00
@location(1) tint: vec2<f32>,
2023-12-23 23:24:04 -08:00
}
@group(1) @binding(0)
var<uniform> global: GlobalUniform;
struct GlobalUniform {
camera_position: vec2<f32>,
camera_zoom: vec2<f32>,
window_size: vec2<f32>,
window_aspect: vec2<f32>,
starfield_texture: vec2<u32>,
starfield_tile_size: vec2<f32>,
2023-12-23 23:24:04 -08:00
};
fn fmod(x: vec2<f32>, m: f32) -> vec2<f32> {
2023-12-24 09:34:39 -08:00
return x - floor(x / m) * m;
2023-12-23 11:01:27 -08:00
}
@vertex
fn vertex_shader_main(
2023-12-23 23:24:04 -08:00
vertex: VertexInput,
2023-12-23 11:01:27 -08:00
instance: InstanceInput,
) -> VertexOutput {
2023-12-23 23:24:04 -08:00
2023-12-24 11:59:39 -08:00
var out: VertexOutput;
out.texture_coords = vertex.texture_coords;
out.tint = instance.tint;
2023-12-23 23:24:04 -08:00
// Center of the tile the camera is currently in, in game coordinates.
// x div y = x - (x mod y)
let tile_center = (
global.camera_position.xy
2023-12-23 23:24:04 -08:00
- (
fmod(
global.camera_position.xy + global.starfield_tile_size.x / 2.0,
global.starfield_tile_size.x
) - global.starfield_tile_size.x / 2.0
2023-12-23 23:24:04 -08:00
)
);
// Apply sprite aspect ratio & scale factor
// also applies screen aspect ratio
var scale: f32 = instance.height / global.camera_zoom.x;
// Minimum scale to prevent flicker at large zoom levels
var real_size = scale * global.window_size.xy;
2023-12-24 11:59:39 -08:00
// TODO: configurable.
// Uniform distribution!
if (real_size.x < 0.5 || real_size.y < 0.5) {
2023-12-24 12:06:11 -08:00
// If this star is too small, don't even show it
2023-12-24 11:59:39 -08:00
out.position = vec4<f32>(2.0, 2.0, 0.0, 1.0);
return out;
}
if (real_size.x < 2.0 || real_size.y < 2.0) {
2023-12-24 12:06:11 -08:00
// Otherwise, clamp to a minimum scale
2023-12-24 11:59:39 -08:00
scale = 2.0 / max(global.window_size.x, global.window_size.y);
}
2023-12-23 23:24:04 -08:00
var pos: vec2<f32> = vec2<f32>(
vertex.position.x * scale / global.window_aspect.x,
2023-12-23 23:24:04 -08:00
vertex.position.y * scale
);
// World position relative to camera
// (Note that instance position is in a different
// coordinate system than usual)
let camera_pos = (instance.position + tile_center) - global.camera_position.xy;
2023-12-23 23:24:04 -08:00
// Translate
pos = pos + (
// Don't forget to correct distance for screen aspect ratio too!
(camera_pos / (global.camera_zoom.x * (instance.parallax)))
/ vec2<f32>(global.window_aspect.x, 1.0)
2023-12-23 23:24:04 -08:00
);
2023-12-23 23:56:10 -08:00
out.position = vec4<f32>(pos, 0.0, 1.0) * instance.parallax;
2023-12-23 11:01:27 -08:00
return out;
}
2023-12-23 23:24:04 -08:00
@group(0) @binding(0)
var texture_array: binding_array<texture_2d<f32>>;
@group(0) @binding(1)
var sampler_array: binding_array<sampler>;
2023-12-23 12:52:36 -08:00
// Fragment shader
2023-12-23 11:01:27 -08:00
@fragment
fn fragment_shader_main(in: VertexOutput) -> @location(0) vec4<f32> {
2023-12-24 12:12:02 -08:00
let b = 0.8 - (in.tint.x / 1.5); // brightness
2023-12-24 11:59:39 -08:00
let c = in.tint.y; // color
2023-12-24 12:12:02 -08:00
// TODO: saturation
// TODO: more subtle starfield
// TODO: blur stars more?
2023-12-24 11:59:39 -08:00
let c_top = vec3<f32>(0.369, 0.819, 0.796);
let c_bot = vec3<f32>(0.979, 0.556, 0.556);
let c_del = c_bot - c_top;
2023-12-23 23:24:04 -08:00
return textureSampleLevel(
texture_array[global.starfield_texture.x],
sampler_array[global.starfield_texture.x],
2023-12-23 23:24:04 -08:00
in.texture_coords,
0.0
2023-12-24 12:12:02 -08:00
).rgba * vec4<f32>(
(c_top + (c_del * c)) * b,
1.0
);
2023-12-23 11:01:27 -08:00
}