wgpu-renderer/res/shaders/pbr.wgsl

159 lines
4.5 KiB
WebGPU Shading Language
Raw Normal View History

#include constants.wgsl
#include brdf.wgsl
2023-01-24 03:59:06 +02:00
2022-10-01 23:58:09 +03:00
// Vertex shader
2022-10-02 18:59:20 +03:00
struct CameraUniform {
2022-10-03 22:31:01 +03:00
view: mat4x4<f32>,
proj: mat4x4<f32>,
position: vec4<f32>,
}
2022-10-02 18:59:20 +03:00
@group(1) @binding(0)
var<uniform> camera: CameraUniform;
2022-10-03 22:31:01 +03:00
struct Light {
position: vec3<f32>,
color: vec4<f32>,
2022-10-03 22:31:01 +03:00
}
@group(2) @binding(0)
var<uniform> light: Light;
2022-10-01 23:58:09 +03:00
struct VertexInput {
@location(0) position: vec3<f32>,
@location(1) tex_coords: vec2<f32>,
2022-10-03 22:31:01 +03:00
@location(2) normal: vec3<f32>,
2022-10-04 01:30:50 +03:00
@location(3) tangent: vec3<f32>,
@location(4) bitangent: vec3<f32>,
}
struct InstanceInput {
@location(5) model_matrix_0: vec4<f32>,
@location(6) model_matrix_1: vec4<f32>,
@location(7) model_matrix_2: vec4<f32>,
@location(8) model_matrix_3: vec4<f32>,
2023-01-24 02:21:20 +02:00
@location(9) normal_matrix_0: vec3<f32>,
@location(10) normal_matrix_1: vec3<f32>,
@location(11) normal_matrix_2: vec3<f32>,
2022-10-01 23:58:09 +03:00
}
struct VertexOutput {
@builtin(position) clip_position: vec4<f32>,
@location(0) tex_coords: vec2<f32>,
2022-10-04 01:30:50 +03:00
@location(1) tangent_position: vec3<f32>,
@location(2) tangent_light_position: vec3<f32>,
@location(3) tangent_view_position: vec3<f32>,
@location(4) world_position: vec3<f32>,
2022-10-01 23:58:09 +03:00
}
@vertex
fn vs_main(
model: VertexInput,
2022-10-02 18:59:20 +03:00
instance: InstanceInput,
2022-10-01 23:58:09 +03:00
) -> VertexOutput {
2022-10-02 18:59:20 +03:00
let model_matrix = mat4x4<f32>(
instance.model_matrix_0,
instance.model_matrix_1,
instance.model_matrix_2,
instance.model_matrix_3,
);
2023-01-24 02:21:20 +02:00
let normal_matrix = mat3x3<f32>(
instance.normal_matrix_0,
instance.normal_matrix_1,
instance.normal_matrix_2,
);
2022-10-03 22:31:01 +03:00
2023-01-24 02:21:20 +02:00
let world_normal = normalize(normal_matrix * model.normal);
let world_tangent = normalize(normal_matrix * model.tangent);
let world_bitangent = normalize(normal_matrix * model.bitangent);
2022-10-04 01:30:50 +03:00
let tangent_matrix = transpose(mat3x3<f32>(
world_tangent,
world_bitangent,
world_normal,
));
2022-10-03 22:31:01 +03:00
2023-01-24 02:21:20 +02:00
let world_position = model_matrix * vec4<f32>(model.position, 1.0);
2022-10-04 01:30:50 +03:00
var out: VertexOutput;
2022-10-03 22:31:01 +03:00
out.clip_position = camera.proj * camera.view * world_position;
2022-10-04 01:30:50 +03:00
out.tex_coords = model.tex_coords;
out.tangent_position = tangent_matrix * world_position.xyz;
out.tangent_light_position = tangent_matrix * light.position;
out.tangent_view_position = tangent_matrix * camera.position.xyz;
out.world_position = world_position.xyz;
2022-10-01 23:58:09 +03:00
return out;
2022-10-03 22:31:01 +03:00
}
2022-10-01 23:58:09 +03:00
// Fragment shader
@group(0) @binding(0)
var t_diffuse: texture_2d<f32>;
@group(0)@binding(1)
var s_diffuse: sampler;
2022-10-04 01:30:50 +03:00
@group(0)@binding(2)
var t_normal: texture_2d<f32>;
@group(0) @binding(3)
var s_normal: sampler;
2023-01-24 03:59:06 +02:00
@group(0)@binding(4)
var t_roughness_metalness: texture_2d<f32>;
2023-01-24 03:59:06 +02:00
@group(0) @binding(5)
var s_roughness_metalness: sampler;
2023-01-24 03:59:06 +02:00
2022-10-01 23:58:09 +03:00
@fragment
fn fs_main(in: VertexOutput) -> @location(0) vec4<f32> {
2023-01-24 02:21:20 +02:00
// textures
2022-10-03 22:31:01 +03:00
let object_color: vec4<f32> = textureSample(t_diffuse, s_diffuse, in.tex_coords);
2022-10-04 01:30:50 +03:00
let object_normal: vec4<f32> = textureSample(t_normal, s_normal, in.tex_coords);
let object_roughness_metalness: vec4<f32> = textureSample(
t_roughness_metalness, s_roughness_metalness, in.tex_coords);
2023-01-24 03:59:06 +02:00
// TODO: AO
let albedo = object_color.xyz;
// TODO: pass factors to shader
let roughness = object_roughness_metalness.y * 1.0;
let metalness = object_roughness_metalness.z * 1.0;
2022-10-03 22:31:01 +03:00
2022-10-04 01:30:50 +03:00
// lighting vecs
let normal_dir = object_normal.xyz * 2.0 - 1.0;
2023-01-24 02:21:20 +02:00
var light_dir = normalize(in.tangent_light_position - in.tangent_position);
let view_dir = normalize(in.tangent_view_position - in.tangent_position);
let half_dir = normalize(view_dir + light_dir);
// attenuation
let light_dist = length(light.position - in.world_position);
let coef_a = 0.0;
2023-01-24 03:59:06 +02:00
let coef_b = 1.0;
let light_attenuation = 1.0 / (1.0 + coef_a * light_dist + coef_b * light_dist * light_dist);
2022-10-03 22:31:01 +03:00
2023-01-24 03:59:06 +02:00
// radiance
let radiance_strength = max(dot(normal_dir, light_dir), 0.0);
2023-01-24 03:59:06 +02:00
let radiance = radiance_strength * light.color.xyz * light.color.w * light_attenuation;
2022-10-03 22:31:01 +03:00
// brdf shading
let total_radiance = radiance * brdf(
normal_dir,
light_dir,
view_dir,
half_dir,
albedo,
roughness,
metalness
);
2022-10-03 22:31:01 +03:00
2023-01-24 02:21:20 +02:00
// ambient
let ambient_light_color = vec3(1.0);
let ambient_strength = 0.025;
let ambient_color = ambient_light_color * ambient_strength;
2023-01-24 03:59:06 +02:00
var result = ambient_color + total_radiance;
// tonemap
result = result / (result + vec3(1.0));
//result = pow(result, vec3(1.0/2.2));
2022-10-03 22:31:01 +03:00
return vec4<f32>(result, object_color.a);
2022-10-01 23:58:09 +03:00
}