mirrors/zed
1
0
Fork 0
mirror of https://github.com/zed-industries/zed.git synced 2025-01-26 03:59:55 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 8

Merge pull request #927 from zed-industries/quad-border-visual-glitch

Browse source 
Correctly alpha-blend border and background in quad SDF
This commit is contained in:
Antonio Scandurra 2022-04-28 16:36:51 +02:00 committed by GitHub
commit 64ecfcd33f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 10 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
crates/gpui/src/platform/mac/shaders/shaders.metal
View file

@ -71,11 +71,16 @@ float4 quad_sdf(QuadFragmentInput input) {
color = input.background_color; color = input.background_color;
} else { } else {
float inset_distance = distance + border_width; float inset_distance = distance + border_width;
float4 border_color = float4(
mix(input.background_color.rgb, input.border_color.rgb, input.border_color.a), // Decrease border's opacity as we move inside the background.
saturate(input.background_color.a + input.border_color.a) input.border_color.a *= 1. - saturate(0.5 - inset_distance);
);
color = mix(border_color, input.background_color, saturate(0.5 - inset_distance)); // Alpha-blend the border and the background.
float output_alpha = input.border_color.a + input.background_color.a * (1. - input.border_color.a);
float3 premultiplied_border_rgb = input.border_color.rgb * input.border_color.a;
float3 premultiplied_background_rgb = input.background_color.rgb * input.background_color.a;
float3 premultiplied_output_rgb = premultiplied_border_rgb + premultiplied_background_rgb * (1. - input.border_color.a);
color = float4(premultiplied_output_rgb / output_alpha, output_alpha);
} }
return color * float4(1., 1., 1., saturate(0.5 - distance)); return color * float4(1., 1., 1., saturate(0.5 - distance));