hans/wolf_dart
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Enhance bezel rendering with edge color bleeding and improved glow effects

Browse Source 
Signed-off-by: Hans Kokx <hans.d.kokx@gmail.com>
This commit is contained in:
Hans Kokx
2026-03-20 17:38:17 +01:00
parent 4bac9d519b
commit 5e19f3c098
1 changed files with 17 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
packages/wolf_3d_renderer/shaders/wolf_world.frag
View File

@@ -35,6 +35,18 @@ void main() {
vec2 edgeDelta = uv - clampedUv; vec2 edgeDelta = uv - clampedUv;
float overflow = max(abs(edgeDelta.x), abs(edgeDelta.y)); float overflow = max(abs(edgeDelta.x), abs(edgeDelta.y));
// Sample near-edge scene colors and spread them onto the bezel.
vec2 inwardDir = normalize(-edgeDelta + vec2(1e-6));
vec2 bleedStep = vec2(uTexel.x * 1.6, uTexel.y * 1.6);
vec2 bleedUv1 = clamp(clampedUv + inwardDir * bleedStep, 0.0, 1.0);
vec2 bleedUv2 = clamp(clampedUv + inwardDir * bleedStep * 2.6, 0.0, 1.0);
vec2 bleedUv3 = clamp(clampedUv + inwardDir * bleedStep * 4.2, 0.0, 1.0);
vec3 edgeBleedColor =
texture(uTexture, clampedUv).rgb * 0.52 +
texture(uTexture, bleedUv1).rgb * 0.28 +
texture(uTexture, bleedUv2).rgb * 0.14 +
texture(uTexture, bleedUv3).rgb * 0.06;
// Approximate concave bezel depth by measuring how far this fragment is // Approximate concave bezel depth by measuring how far this fragment is
// from the emissive screen boundary in aspect-corrected UV space. // from the emissive screen boundary in aspect-corrected UV space.
vec2 aspectScale = vec2(uResolution.x / max(uResolution.y, 1.0), 1.0); vec2 aspectScale = vec2(uResolution.x / max(uResolution.y, 1.0), 1.0);
@@ -50,14 +62,15 @@ void main() {
float grain = sin(FlutterFragCoord().x * 0.21 + FlutterFragCoord().y * 0.11) * 0.006; float grain = sin(FlutterFragCoord().x * 0.21 + FlutterFragCoord().y * 0.11) * 0.006;
float moldedHighlight = smoothstep(0.072, 0.0, overflow) * 0.028; float moldedHighlight = smoothstep(0.072, 0.0, overflow) * 0.028;
// Deeper arcade-style profile: tighter glow and steeper rolloff to shadow. // Deeper arcade-style profile: tighter, scene-tinted bleed rolloff.
float bezelGlow = exp(-bezelDistance * 82.0) * mix(1.0, 0.56, cornerFactor); float bezelGlow = exp(-bezelDistance * 82.0) * mix(1.0, 0.56, cornerFactor);
float innerLip = exp(-bezelDistance * 170.0) * 0.14; float innerLip = exp(-bezelDistance * 170.0) * 0.10;
float bleedStrength = smoothstep(0.12, 0.0, overflow) * (0.78 - cornerFactor * 0.26);
vec3 bezelColor = vec3 bezelColor =
vec3(0.225, 0.225, 0.215) * verticalShade * depthShade + vec3(0.225, 0.225, 0.215) * verticalShade * depthShade +
vec3(0.062, 0.072, 0.062) * bezelGlow + edgeBleedColor * bezelGlow * bleedStrength * 1.12 +
vec3(innerLip) + edgeBleedColor * innerLip * 0.36 +
vec3(moldedHighlight) + vec3(moldedHighlight) +
vec3(grain); vec3(grain);
fragColor = vec4(bezelColor, 1.0); fragColor = vec4(bezelColor, 1.0);