@zephyr3d/scene 0.9.25 → 0.9.27

package/dist/posteffect/sss.js

@@ -6,9 +6,12 @@ import '../material/unlit.js';
 import '../material/particle.js';
 import { SubsurfaceProfile } from '../material/subsurfaceprofile.js';
 import '../material/skin.js';
+import '../material/eye.js';
 import '@zephyr3d/device';
 import { LIGHT_TYPE_DIRECTIONAL, LIGHT_TYPE_POINT, LIGHT_TYPE_SPOT, LIGHT_TYPE_RECT } from '../values.js';
 import '../material/meshmaterial.js';
+import '../material/hair.js';
+import '../material/hairstrand.js';
 import '../material/grassmaterial.js';
 import '../material/terrain-cm.js';
 import '../material/pbrmr.js';
@@ -32,11 +35,12 @@ import { AbstractPostEffect, PostEffectLayer } from './posteffect.js';
  * @internal
  */ class SSS extends AbstractPostEffect {
     static _profileLUTWidth = 256;
-    static _profileLUTHeight = 7;
+    static _profileLUTHeight = 8;
     static _profileRadiusEncodeMax = 8;
     static _profileWorldScaleEncodeMax = 4;
     static _profileNormalScaleEncodeMax = 2;
     static _profileExtinctionEncodeMax = 4;
+    static _profileSpecularRadiusEncodeMax = 4;
     static _debugViewMap = {
         none: 0,
         scatter_mask: 1,
@@ -187,6 +191,7 @@ import { AbstractPostEffect, PostEffectLayer } from './posteffect.js';
         bindGroup.setValue('targetSize', new Vector4(targetWidth, targetHeight, targetWidth, targetHeight));
         bindGroup.setValue('sampleOffsets', this.createSampleOffsets(kernelRadius));
         bindGroup.setValue('blurScale', ctx.camera.sssBlurScale);
+        bindGroup.setValue('sssStrength', ctx.camera.sssStrength);
         bindGroup.setValue('blurStdDev', sssSettings.blurStdDev);
         bindGroup.setValue('depthCutoff', sssSettings.blurDepthCutoff);
         bindGroup.setValue('normalCutoff', sssSettings.normalCutoff);
@@ -368,6 +373,7 @@ import { AbstractPostEffect, PostEffectLayer } from './posteffect.js';
                 this.targetSize = pb.vec4().uniform(0);
                 this.sampleOffsets = pb.vec4[sampleCount + 1]().uniform(0);
                 this.blurScale = pb.float().uniform(0);
+                this.sssStrength = pb.float().uniform(0);
                 this.blurStdDev = pb.float().uniform(0);
                 this.depthCutoff = pb.float().uniform(0);
                 this.normalCutoff = pb.float().uniform(0);
@@ -487,7 +493,8 @@ import { AbstractPostEffect, PostEffectLayer } from './posteffect.js';
                         this.$l.profileScatterScaleNorm = pb.clamp(pb.div(this.profileScatterScale, SSS._profileWorldScaleEncodeMax), 0, 1);
                         this.$l.profileStrengthNorm = pb.clamp(pb.mul(this.profileStrengthScale, 0.5), 0, 1);
                         this.$l.depthThreshold = pb.div(pb.mul(this.depthCutoff, pb.add(0.45, pb.mul(this.widthStrength, 0.42)), pb.mix(0.88, 1.16, this.profileWorldScaleNorm)), pb.max(pb.sub(pb.log(pb.add(this.cameraNearFar.y, 1)), pb.log(pb.add(this.cameraNearFar.x, 1))), 1e-4));
-                        this.$l.normalThreshold = pb.clamp(pb.add(pb.max(pb.sub(this.normalCutoff, pb.mul(this.widthStrength, 0.12)), 0.58), pb.sub(pb.mul(this.profileNormalScale, 0.08), 0.08), pb.neg(pb.mul(this.profileBoundaryBleed, 0.04))), 0.52, 0.985);
+                        this.$l.normalDetailSoftening = pb.mul(pb.clamp(this.sssStrength, 0, 1), pb.add(0.14, pb.mul(this.widthStrength, 0.1)));
+                        this.$l.normalThreshold = pb.clamp(pb.add(pb.max(pb.sub(this.normalCutoff, pb.add(this.normalDetailSoftening, pb.mul(this.widthStrength, 0.12))), 0.48), pb.sub(pb.mul(this.profileNormalScale, 0.08), 0.08), pb.neg(pb.mul(this.profileBoundaryBleed, 0.04))), 0.44, 0.92);
                         this.$l.centerNormal = this.decodeNormal(this.uv);
                         this.$l.profileRadius = pb.mul(this.readProfileRadius(this.centerSlot), this.profileWorldScale, pb.mix(0.76, 1.44, this.profileScatterScaleNorm), pb.mix(0.92, 1.08, this.profileStrengthNorm));
                         this.$l.profileFalloff = this.readProfileFalloff(this.centerSlot);
@@ -683,15 +690,17 @@ import { AbstractPostEffect, PostEffectLayer } from './posteffect.js';
                     this.$l.raw = pb.textureSampleLevel(this.profileLUTTex, this.uv, 0);
                     this.$return(pb.vec4(pb.mul(this.raw.x, SSS._profileExtinctionEncodeMax), pb.mul(this.raw.y, SSS._profileWorldScaleEncodeMax), pb.mul(this.raw.z, 2), this.raw.w));
                 });
-                pb.func('readProfileSlot', [
-                    pb.vec4('param')
+                pb.func('readProfileSpecularSettings', [
+                    pb.float('slot')
                 ], function() {
-                    this.$return(pb.floor(pb.add(pb.mul(this.param.r, 255), 0.5)));
+                    this.$l.uv = pb.vec2(pb.div(pb.add(this.slot, 0.5), SSS._profileLUTWidth), SSS.profileRowV(7));
+                    this.$l.raw = pb.textureSampleLevel(this.profileLUTTex, this.uv, 0);
+                    this.$return(pb.vec2(this.raw.x, pb.mul(this.raw.y, SSS._profileSpecularRadiusEncodeMax)));
                 });
-                pb.func('readProfilePreset', [
+                pb.func('readProfileSlot', [
                     pb.vec4('param')
                 ], function() {
-                    this.$return(pb.floor(pb.add(pb.mul(this.param.b, 255), 0.5)));
+                    this.$return(pb.floor(pb.add(pb.mul(this.param.r, 255), 0.5)));
                 });
                 pb.func('decodeNormal', [
                     pb.vec2('uv')
@@ -707,6 +716,26 @@ import { AbstractPostEffect, PostEffectLayer } from './posteffect.js';
                 ], function() {
                     this.$return(ShaderHelper.sampleLinearDepth(this, this.depthTex, this.uv, 0));
                 });
+                pb.func('sampleCompatibleSpecular', [
+                    pb.vec2('uv'),
+                    pb.float('profileSlot'),
+                    pb.float('centerLogDepth')
+                ], function() {
+                    this.$l.sampleUV = pb.clamp(this.uv, pb.vec2(0), pb.vec2(1));
+                    this.$l.sampleParam = pb.textureSampleLevel(this.paramTex, this.sampleUV, 0);
+                    this.$l.sampleSlot = this.readProfileSlot(this.sampleParam);
+                    this.$l.sampleDepth01 = this.readDepth01(this.sampleUV);
+                    this.$if(pb.or(pb.or(pb.lessThanEqual(this.sampleParam.a, 0.5), pb.notEqual(this.sampleSlot, this.profileSlot)), pb.greaterThanEqual(this.sampleDepth01, 1)), function() {
+                        this.$return(pb.vec4(0));
+                    });
+                    this.$l.sampleLogDepth = pb.log(pb.add(pb.mul(this.sampleDepth01, this.cameraNearFar.y), 1));
+                    this.$if(pb.greaterThan(pb.abs(pb.sub(this.sampleLogDepth, this.centerLogDepth)), 0.022), function() {
+                        this.$return(pb.vec4(0));
+                    });
+                    this.$l.sampleScene = pb.textureSampleLevel(this.colorTex, this.sampleUV, 0).rgb;
+                    this.$l.sampleDiffuse = pb.textureSampleLevel(this.diffuseTex, this.sampleUV, 0).rgb;
+                    this.$return(pb.vec4(pb.max(pb.sub(this.sampleScene, this.sampleDiffuse), pb.vec3(0)), 1));
+                });
                 pb.func('estimateScreenThinnessComponents', [
                     pb.vec2('uv'),
                     pb.float('depth01'),
@@ -714,13 +743,27 @@ import { AbstractPostEffect, PostEffectLayer } from './posteffect.js';
                     pb.float('radiusScale')
                 ], function() {
                     this.$l.pixelStep = pb.div(pb.add(pb.vec2(1.2), pb.mul(pb.vec2(2.4), this.radiusScale)), this.targetSize.xy);
+                    // Depth differences are accumulated as a ratio to the center depth
+                    // rather than raw. readDepth01 returns linear depth already divided
+                    // by the far plane, so both terms carry the same normalization and
+                    // it cancels: |dz|/z is a pure ratio, independent of the far plane,
+                    // of the camera distance, and of the scale the model was built at.
+                    //
+                    // The raw difference this replaces was scaled by a fixed constant
+                    // instead, which left sensitivity proportional to 1 / farPlane - an
+                    // otherwise identical scene with far = 1000 got a tenth the response
+                    // of one with far = 100. At ordinary far planes the interior
+                    // collapsed to zero and only the silhouette survived, where the
+                    // difference saturates no matter how it is scaled. That is what made
+                    // automatic thin-region inference read as an outline.
+                    this.$l.invCenterDepth = pb.div(1, pb.max(this.depth01, 1e-5));
                     this.$l.depthAccum = pb.float(0);
                     this.$l.normalAccum = pb.float(0);
                     this.$l.sampleCount = pb.float(0);
                     const sampleAt = (offsetX, offsetY)=>{
                         this.$l.sampleUV = pb.clamp(pb.add(this.uv, pb.mul(this.pixelStep, pb.vec2(offsetX, offsetY))), pb.vec2(0), pb.vec2(1));
                         this.$l.sampleDepth01 = this.readDepth01(this.sampleUV);
-                        this.depthAccum = pb.add(this.depthAccum, pb.abs(pb.sub(this.sampleDepth01, this.depth01)));
+                        this.depthAccum = pb.add(this.depthAccum, pb.mul(pb.abs(pb.sub(this.sampleDepth01, this.depth01)), this.invCenterDepth));
                         this.$if(pb.notEqual(this.hasNormalTex, 0), function() {
                             this.normalAccum = pb.add(this.normalAccum, pb.clamp(pb.sub(1, pb.dot(this.decodeNormal(this.sampleUV), this.normalWS)), 0, 1));
                         });
@@ -734,7 +777,21 @@ import { AbstractPostEffect, PostEffectLayer } from './posteffect.js';
                     sampleAt(-1, -1);
                     this.$l.depthMean = pb.div(this.depthAccum, pb.max(this.sampleCount, 1));
                     this.$l.normalMean = pb.div(this.normalAccum, pb.max(this.sampleCount, 1));
-                    this.$l.depthThin = pb.clamp(pb.mul(this.depthMean, pb.add(52, pb.mul(this.radiusScale, 18))), 0, 1);
+                    // Recalibrated for the relative gradient above; the old 52 applied to
+                    // a raw normalized difference and is not comparable.
+                    //
+                    // For a surface turned by angle t from the view direction, the ratio
+                    // over a k-pixel step is about tan(t) * k / (0.5 * height * P11), and
+                    // the six-tap pattern averages roughly two thirds of that. At 1080p
+                    // with a 40 degree vertical FOV this puts an ear rim or nostril wing
+                    // (t around 80 degrees) near 0.5, keeps a flat cheek under 0.1, and
+                    // still saturates on a silhouette.
+                    //
+                    // A residual dependence on vertical resolution and FOV remains,
+                    // because pixelStep is expressed in pixels. That is bounded and
+                    // predictable, unlike the far-plane scaling it replaces, so it is
+                    // left alone rather than fixed by hand here.
+                    this.$l.depthThin = pb.clamp(pb.mul(this.depthMean, pb.add(80, pb.mul(this.radiusScale, 28))), 0, 1);
                     this.$l.normalThin = pb.clamp(pb.mul(this.normalMean, pb.add(1.4, pb.mul(this.radiusScale, 0.5))), 0, 1);
                     this.$l.combinedThin = pb.clamp(pb.add(pb.mul(this.depthThin, 0.72), pb.mul(this.normalThin, 0.52)), 0, 1);
                     this.$return(pb.vec3(this.depthThin, this.normalThin, this.combinedThin));
@@ -838,10 +895,9 @@ import { AbstractPostEffect, PostEffectLayer } from './posteffect.js';
                     this.$l.scatterSoftnessAuthor = pb.clamp(pb.mul(pb.sub(this.param.a, 0.75), 4), 0, 1);
                     this.$l.roughnessInfo = pb.textureSampleLevel(this.roughnessTex, this.uv, 0);
                     this.$l.profileStrength = this.max3(this.profile.rgb);
+                    this.$l.automaticTransmission = pb.lessThan(this.profile.a, 0);
                     this.$l.materialTransmissionMask = pb.clamp(this.profile.a, 0, 1);
-                    this.debugTransmissionMask = this.materialTransmissionMask;
                     this.$l.profileSlot = this.readProfileSlot(this.param);
-                    this.$l.profilePreset = this.readProfilePreset(this.param);
                     this.$l.depth01 = this.readDepth01(this.uv);
                     this.$l.result = this.baseColor.rgb;
                     // Transmission shadow. On the PCSS path the shadow uses implicit
@@ -871,6 +927,7 @@ import { AbstractPostEffect, PostEffectLayer } from './posteffect.js';
                         this.$l.profileSettingsA = this.readProfileSettingsA(this.profileSlot);
                         this.$l.profileTransmissionTint = this.readProfileTransmissionTint(this.profileSlot);
                         this.$l.profileSettingsB = this.readProfileSettingsB(this.profileSlot);
+                        this.$l.profileSpecularSettings = this.readProfileSpecularSettings(this.profileSlot);
                         this.$l.profileWorldScale = pb.clamp(this.profileSettingsA.x, 0.05, SSS._profileWorldScaleEncodeMax);
                         this.$l.profileBoundaryBleed = pb.clamp(this.profileSettingsA.y, 0, 1);
                         this.$l.profileNormalScale = pb.clamp(this.profileSettingsA.z, 0, SSS._profileNormalScaleEncodeMax);
@@ -878,6 +935,8 @@ import { AbstractPostEffect, PostEffectLayer } from './posteffect.js';
                         this.$l.profileExtinctionScale = pb.clamp(this.profileSettingsB.x, 0, SSS._profileExtinctionEncodeMax);
                         this.$l.profileScatterScale = pb.clamp(this.profileSettingsB.y, 0.05, SSS._profileWorldScaleEncodeMax);
                         this.$l.profileStrengthScale = pb.clamp(this.profileSettingsB.z, 0.05, 2);
+                        this.$l.profileSpecularSoftness = pb.clamp(this.profileSpecularSettings.x, 0, 1);
+                        this.$l.profileSpecularRadius = pb.clamp(this.profileSpecularSettings.y, 0, SSS._profileSpecularRadiusEncodeMax);
                         this.$l.profileWorldScaleNorm = pb.clamp(pb.div(this.profileWorldScale, SSS._profileWorldScaleEncodeMax), 0, 1);
                         this.$l.profileScatterScaleNorm = pb.clamp(pb.div(this.profileScatterScale, SSS._profileWorldScaleEncodeMax), 0, 1);
                         this.$l.profileStrengthNorm = pb.clamp(pb.mul(this.profileStrengthScale, 0.5), 0, 1);
@@ -896,7 +955,6 @@ import { AbstractPostEffect, PostEffectLayer } from './posteffect.js';
                         this.$l.presetResponse = this.readProfilePresetResponse(this.profileSlot);
                         this.$l.presetFrontScatter = this.presetResponse.x;
                         this.$l.presetSoftness = this.presetResponse.y;
-                        this.$l.presetEnergyBoost = this.presetResponse.z;
                         this.$l.presetTransmissionBoost = this.presetResponse.w;
                         this.$l.presetTint = pb.mul(this.profileTintBase, this.presetTintBias, pb.mix(pb.vec3(1), this.profileTransmissionTint, pb.mul(this.profileBoundaryBleed, 0.22)));
                         this.$l.tint = pb.div(pb.max(this.presetTint, pb.vec3(1e-4)), pb.max(this.max3(this.presetTint), 1e-4));
@@ -918,6 +976,11 @@ import { AbstractPostEffect, PostEffectLayer } from './posteffect.js';
                         this.$l.depthThinness = this.thinnessComponents.x;
                         this.$l.curvatureThinness = this.thinnessComponents.y;
                         this.$l.screenThinness = this.thinnessComponents.z;
+                        this.$l.backLightFacing = pb.clamp(pb.dot(pb.neg(this.normalWS), this.sunDirWS), 0, 1);
+                        this.$l.backLightGate = pb.pow(this.backLightFacing, pb.max(this.transmissionPower, 0.1));
+                        this.$l.automaticThinMask = pb.mul(pb.smoothStep(0.24, 0.72, this.screenThinness), pb.mix(0.58, 1, this.backLightGate));
+                        this.materialTransmissionMask = this.$choice(this.automaticTransmission, this.automaticThinMask, this.materialTransmissionMask);
+                        this.debugTransmissionMask = this.materialTransmissionMask;
                         this.debugThinness = this.screenThinness;
                         this.debugThinnessLayers = pb.vec3(this.depthThinness, this.curvatureThinness, 0);
                         this.$l.wrappedFront = pb.smoothStep(pb.add(-0.32, pb.mul(this.profileSpread, 0.08)), pb.add(0.42, pb.mul(this.radiusResponse, 0.16)), pb.add(this.frontLit, pb.mul(this.radiusResponse, 0.18)));
@@ -933,7 +996,6 @@ import { AbstractPostEffect, PostEffectLayer } from './posteffect.js';
                         this.$l.edgeThinBoost = pb.clamp(pb.mul(this.screenThinness, pb.add(0.14, pb.mul(this.materialThicknessField, 0.22))), 0, 0.32);
                         this.$l.curvatureThinBoost = pb.clamp(pb.mul(this.curvatureThinness, pb.add(pb.add(0.08, pb.mul(this.materialThicknessField, 0.12)), pb.mul(pb.sub(this.profileNormalScale, 1), 0.08))), 0, 0.18);
                         this.$l.scatterMask = pb.clamp(pb.add(this.surfaceScatterMask, pb.add(pb.add(pb.mul(this.materialScatterBoost, 0.28), this.presetFrontScatter), pb.add(pb.mul(pb.clamp(pb.sub(1, pb.max(this.frontLit, 0)), 0, 1), pb.add(pb.mul(this.materialScatterBoost, 0.22), pb.mul(this.presetFrontScatter, 0.7))), pb.mul(this.screenThinness, pb.add(0.12, pb.mul(this.presetSoftness, 0.08), pb.mul(this.presetFrontScatter, 0.08))), pb.mul(this.materialTransmissionSoftness, 0.1)))), pb.add(pb.add(0.05, pb.mul(this.materialScatterBoost, 0.12)), pb.mul(this.presetFrontScatter, 0.3)), 1);
-                        this.$l.scatterMix = pb.add(pb.add(0.54, pb.mul(this.radiusResponse, 0.94)), pb.add(pb.add(pb.mul(this.avgFalloff, 0.22), pb.mul(this.profileSpread, 0.08)), pb.add(pb.mul(this.materialScatterBoost, 0.3), this.presetSoftness)));
                         this.$l.scatterStrength = pb.clamp(pb.mul(pb.max(pb.mul(this.profileStrength, pb.mix(0.88, 1.24, this.profileStrengthNorm)), pb.mul(this.widthStrength, 0.45)), this.sssStrength, this.profileEnergyScale, pb.add(pb.add(0.62, pb.mul(this.avgFalloff, 0.56)), pb.add(pb.add(pb.mul(this.profileSpread, 0.28), pb.mul(this.screenThinness, 0.18)), pb.add(pb.add(pb.mul(this.materialScatterBoost, 0.42), pb.mul(this.presetSoftness, 0.5)), pb.mul(this.materialTransmissionSoftness, 0.22))))), 0, pb.add(pb.add(pb.add(1.05, pb.mul(this.materialScatterBoost, 1.1)), pb.add(pb.mul(this.presetSoftness, 0.8), pb.mul(this.profileEnergyScale, 0.24))), pb.mul(this.screenThinness, 0.22)));
                         this.$l.blurred = pb.textureSampleLevel(this.blurTex, this.uv, 0).rgb;
                         this.$l.roughness = pb.float(1);
@@ -953,26 +1015,44 @@ import { AbstractPostEffect, PostEffectLayer } from './posteffect.js';
                         this.$l.skinTint = pb.normalize(pb.max(pb.mix(this.baseDiffuseSafe, pb.mul(this.baseDiffuseSafe, pb.mix(this.tint, this.profileTransmissionTint, pb.mul(this.profileBoundaryBleed, 0.2))), this.epidermalMix), pb.vec3(1e-4)));
                         this.$l.deepTint = pb.normalize(pb.max(pb.mix(this.skinTint, pb.mul(this.tint, pb.mix(pb.vec3(1), this.profileTransmissionTint, pb.clamp(pb.add(pb.mul(this.profileBoundaryBleed, 0.35), pb.mul(pb.sub(1, pb.clamp(pb.div(this.profileExtinctionScale, SSS._profileExtinctionEncodeMax), 0, 1)), 0.28)), 0, 0.8))), this.deepMix), pb.vec3(1e-4)));
                         this.$l.baseSpecular = pb.max(pb.sub(this.baseColor.rgb, this.baseDiffuseColor), pb.vec3(0));
-                        this.$l.scatterBlend = pb.clamp(pb.mul(this.scatterStrength, pb.add(0.12, pb.mul(this.scatterMix, 0.24)), this.scatterMask), 0, pb.add(pb.add(0.7, pb.mul(this.materialScatterBoost, 0.22)), this.$choice(pb.equal(this.profilePreset, 1), 0.12, this.$choice(pb.equal(this.profilePreset, 2), 0.08, 0))));
+                        this.$l.softenedSpecular = this.baseSpecular;
+                        this.$if(pb.notEqual(this.hasDiffuseTex, 0), function() {
+                            // The wide SSS pass contains diffuse lighting only. Preserve broad
+                            // highlights, but diffuse the pixel-scale normal detail that would
+                            // otherwise be added back unchanged with the specular component.
+                            this.$l.specularRadius = pb.clamp(pb.mul(this.profileSpecularRadius, pb.mix(0.9, 1.1, this.radiusResponse)), 0, pb.mul(SSS._profileSpecularRadiusEncodeMax, 1.1));
+                            this.$l.specularTexel = pb.div(pb.vec2(this.specularRadius), this.targetSize.xy);
+                            this.$l.centerLogDepth = pb.log(pb.add(pb.mul(this.depth01, this.cameraNearFar.y), 1));
+                            this.$l.specularSum = this.baseSpecular;
+                            this.$l.specularWeight = pb.float(1);
+                            const sampleSpecularAt = (offsetX, offsetY)=>{
+                                this.$l.specularNeighbor = this.sampleCompatibleSpecular(pb.add(this.uv, pb.mul(this.specularTexel, pb.vec2(offsetX, offsetY))), this.profileSlot, this.centerLogDepth);
+                                this.specularSum = pb.add(this.specularSum, pb.mul(this.specularNeighbor.rgb, this.specularNeighbor.a, 0.72));
+                                this.specularWeight = pb.add(this.specularWeight, pb.mul(this.specularNeighbor.a, 0.72));
+                            };
+                            sampleSpecularAt(1, 0);
+                            sampleSpecularAt(-1, 0);
+                            sampleSpecularAt(0, 1);
+                            sampleSpecularAt(0, -1);
+                            this.$l.filteredSpecular = pb.div(this.specularSum, pb.max(this.specularWeight, 1));
+                            this.$l.specularSoftnessBase = pb.clamp(pb.mul(this.profileSpecularSoftness, this.profileStrength, this.sssStrength), 0, 0.95);
+                            this.$l.specularSoftness = pb.sub(1, pb.mul(pb.sub(1, this.specularSoftnessBase), pb.sub(1, this.specularSoftnessBase)));
+                            this.softenedSpecular = pb.mix(this.baseSpecular, this.filteredSpecular, this.specularSoftness);
+                        });
+                        this.$l.scatterBlendBase = pb.clamp(pb.mul(this.profileStrength, this.sssStrength, pb.add(0.28, pb.add(pb.mul(this.radiusResponse, 0.42), pb.mul(this.widthStrength, 0.3))), pb.mix(0.72, 1, this.scatterMask)), 0, 0.92);
+                        // Diffusion should visibly suppress high-frequency normal lighting.
+                        // A squared complement keeps low strengths controllable while making
+                        // a fully enabled skin profile approach the blurred diffuse result.
+                        this.$l.scatterBlend = pb.clamp(pb.sub(1, pb.mul(pb.sub(1, this.scatterBlendBase), pb.sub(1, this.scatterBlendBase))), 0, 0.97);
                         this.$l.blurredLuma = pb.dot(this.blurred, pb.vec3(0.2126, 0.7152, 0.0722));
-                        this.$l.profileBlurred = pb.mix(this.blurred, pb.mul(this.blurred, pb.mix(pb.vec3(1), this.skinTint, pb.clamp(pb.add(pb.add(0.2, pb.mul(this.avgFalloff, 0.26)), pb.add(pb.mul(this.materialScatterBoost, 0.16), pb.mul(this.presetSoftness, 0.18))), 0, 0.72))), pb.clamp(pb.add(pb.add(0.14, pb.mul(this.radiusResponse, 0.18)), pb.add(pb.mul(this.avgFalloff, 0.08), pb.add(pb.mul(this.materialScatterBoost, 0.16), pb.mul(this.presetSoftness, 0.16)))), 0, 0.58));
-                        this.$l.warmBlur = pb.mul(pb.max(this.blurredLuma, pb.mul(this.baseDiffuseLuma, 0.82)), this.deepTint);
-                        this.profileBlurred = pb.mix(this.profileBlurred, this.warmBlur, pb.clamp(pb.add(pb.add(0.1, pb.mul(this.avgFalloff, 0.08)), pb.add(pb.mul(this.materialScatterBoost, 0.12), pb.mul(this.presetSoftness, 0.08))), 0.08, 0.32));
-                        this.$l.blurredClamped = pb.min(this.profileBlurred, pb.add(this.baseDiffuseColor, pb.mul(this.deepTint, pb.mul(this.scatterMask, pb.add(pb.add(0.06, pb.mul(this.radiusResponse, 0.18)), pb.add(pb.mul(this.avgFalloff, 0.08), pb.add(pb.mul(this.materialScatterBoost, 0.2), pb.mul(this.presetEnergyBoost, 0.18))))))));
+                        this.$l.profileBlurred = this.blurred;
+                        this.$l.blurredClamped = this.profileBlurred;
                         this.$l.scattered = pb.mix(this.baseDiffuseColor, this.blurredClamped, this.scatterBlend);
-                        this.$l.terminatorLift = pb.mul(this.baseDiffuseColor, this.deepTint, this.scatterStrength, this.terminatorWrap, pb.add(pb.add(0.014, pb.mul(this.radiusResponse, 0.022)), pb.add(pb.mul(this.profileSpread, 0.012), pb.add(pb.mul(this.materialScatterBoost, 0.02), pb.mul(this.presetSoftness, 0.012)))), pb.sub(1, pb.mul(this.specMask, 0.45)));
                         this.$l.multiScatterLift = pb.mul(pb.max(pb.sub(this.blurredClamped, this.baseDiffuseColor), pb.vec3(0)), this.scatterStrength, this.multiScatter, this.scatterMask, pb.add(0.08, pb.mul(this.radiusResponse, pb.add(pb.add(0.09, pb.mul(this.materialScatterBoost, 0.08)), pb.add(pb.mul(this.presetSoftness, 0.06), pb.add(pb.mul(pb.sub(this.profileScatterScale, 1), 0.04), pb.mul(this.profileDiffusionSoftness, 0.03)))))));
-                        this.$l.subdermalFill = pb.mul(this.deepTint, this.scatterStrength, pb.add(pb.mul(this.shadowMask, pb.add(pb.add(0.026, pb.mul(this.radiusResponse, 0.08)), pb.add(pb.mul(this.profileSpread, 0.045), pb.mul(this.materialScatterBoost, 0.05)))), pb.add(pb.add(0.004, pb.mul(this.avgFalloff, 0.012)), pb.add(pb.mul(this.profileSpread, 0.004), pb.mul(this.materialScatterBoost, 0.008)))), this.scatterMask, pb.sub(1, pb.mul(this.specMask, 0.62)));
-                        this.$l.veilColor = pb.mix(this.blurredClamped, pb.mul(this.blurredClamped, this.skinTint), 0.16);
-                        this.$l.softVeil = pb.mul(this.veilColor, this.scatterStrength, this.scatterMask, pb.add(pb.add(pb.add(0.002, pb.mul(this.materialScatterBoost, 0.004)), pb.mul(this.presetSoftness, 0.004)), pb.mul(this.radiusResponse, pb.add(pb.add(0.007, pb.mul(this.avgFalloff, 0.007)), pb.add(pb.mul(this.profileSpread, 0.003), pb.add(pb.mul(this.materialScatterBoost, 0.006), pb.mul(this.presetSoftness, 0.004)))))), pb.sub(1, pb.mul(this.specMask, 0.55)));
-                        this.$l.scatteredDiffuse = pb.add(this.scattered, pb.add(this.terminatorLift, pb.add(this.multiScatterLift, pb.add(this.subdermalFill, this.softVeil))));
-                        this.$l.energyLimit = pb.add(this.baseDiffuseColor, pb.mul(this.deepTint, this.scatterStrength, this.scatterMask, pb.add(pb.add(pb.add(0.1, pb.mul(this.radiusResponse, 0.18)), pb.add(pb.mul(this.avgFalloff, 0.08), pb.mul(this.profileSpread, 0.04))), pb.add(pb.mul(this.materialScatterBoost, 0.28), this.presetEnergyBoost))));
-                        this.$l.scatterBudget = pb.max(pb.sub(this.energyLimit, this.baseDiffuseColor), pb.vec3(0));
-                        this.$l.scatterDelta = pb.max(pb.sub(this.scatteredDiffuse, this.baseDiffuseColor), pb.vec3(0));
-                        this.$l.scatteredDiffuse = pb.add(this.baseDiffuseColor, pb.min(this.scatterDelta, this.scatterBudget));
+                        this.$l.scatteredDiffuse = pb.add(this.scattered, this.multiScatterLift);
                         this.$l.transmissionBudget = pb.mul(this.deepTint, this.scatterStrength, this.materialTransmissionResponse, this.transmissionStrength, this.profileTransmissionScale, pb.add(pb.add(pb.add(0.12, pb.mul(this.radiusResponse, 0.2)), pb.mul(this.materialTransmissionSoftness, 0.2)), pb.add(pb.mul(this.avgFalloff, 0.12), pb.add(pb.mul(this.profileSpread, 0.12), pb.add(pb.mul(this.materialScatterBoost, 0.12), pb.mul(this.presetTransmissionBoost, 0.22))))), pb.mix(0.82, 1.18, this.profileScatterScaleNorm));
                         this.$l.diffuseHeadroom = pb.mul(this.transmissionBudget, pb.add(pb.add(1.65, pb.mul(this.materialTransmissionResponse, 0.9)), pb.add(pb.add(pb.mul(this.materialTransmissionSoftness, 0.55), pb.mul(this.profileSpread, 0.2)), pb.mul(this.profileTransmissionScale, 0.22))));
-                        this.result = pb.add(this.baseSpecular, this.scatteredDiffuse);
+                        this.result = pb.add(this.softenedSpecular, this.scatteredDiffuse);
                         this.$if(pb.greaterThan(this.transmissionStrength, 0), function() {
                             this.$l.viewDirVS = pb.normalize(pb.neg(this.viewPos));
                             this.$l.viewDirWS = pb.normalize(pb.mul(this.invViewMatrix, pb.vec4(this.viewDirVS, 0)).xyz);
@@ -984,8 +1064,9 @@ import { AbstractPostEffect, PostEffectLayer } from './posteffect.js';
                             this.debugTransmissionShadow = this.transmissionShadow;
                             this.debugProfileBoundary = pb.clamp(pb.vec3(this.profileBoundaryBleed, this.transmissionShadowSoftness, this.transmissionShadowFloor), pb.vec3(0), pb.vec3(1));
                             this.debugProfileTransmission = pb.clamp(pb.vec3(pb.div(this.profileTransmissionScale, 1.35), this.materialTransmissionResponse, this.transmissionShadow), pb.vec3(0), pb.vec3(1));
-                            this.$l.backLit = pb.mul(pb.pow(pb.clamp(pb.dot(pb.neg(this.normalWS), this.sunDirWS), 0, 1), 1.5), this.transmissionLightAttenuation);
-                            this.$l.thicknessBackScatter = pb.clamp(pb.add(pb.add(pb.mul(this.backLit, 0.82), pb.mul(this.rim, 0.24)), pb.mul(this.materialThicknessField, 0.08)), 0, 1);
+                            // Keep warm thin-shell lighting on the back-facing side of the surface.
+                            this.$l.backLit = pb.mul(this.backLightGate, this.transmissionLightAttenuation);
+                            this.$l.thicknessBackScatter = pb.clamp(pb.mul(this.backLit, pb.add(0.82, pb.mul(this.rim, 0.18))), 0, 1);
                             this.$l.thinPotential = pb.clamp(pb.add(pb.add(pb.mul(this.materialThicknessField, 0.78), this.edgeThinBoost), pb.add(this.curvatureThinBoost, pb.mul(pb.sqrt(pb.max(pb.mul(this.depthThinness, this.curvatureThinness), 0)), pb.add(pb.add(0.08, pb.mul(this.profileSpread, 0.06)), pb.mul(pb.sub(this.profileDistribution, 0.5), 0.06))))), 0, 1);
                             this.$l.transmissionFocus = pb.clamp(pb.mul(pb.add(pb.mul(this.materialThicknessField, 0.72), pb.mul(this.thinPotential, 0.38)), pb.add(pb.add(0.22, pb.mul(this.thicknessBackScatter, 0.72)), pb.mul(this.backLit, 0.08))), 0, 1);
                             this.$l.thinRegion = pb.clamp(pb.add(pb.add(pb.mul(this.materialThicknessField, 0.86), pb.mul(this.transmissionFocus, 0.74)), pb.add(pb.add(pb.mul(this.edgeThinBoost, 0.9), pb.mul(this.curvatureThinBoost, 0.5)), pb.add(pb.mul(this.backLit, 0.1), pb.mul(this.profileSpread, 0.05)))), 0, 1);
@@ -1010,13 +1091,11 @@ import { AbstractPostEffect, PostEffectLayer } from './posteffect.js';
                             this.$l.transmittedDiffuseLuma = pb.dot(this.transmittedDiffuse, pb.vec3(0.2126, 0.7152, 0.0722));
                             this.$l.visibleTransmissionMask = pb.clamp(pb.add(pb.add(pb.mul(this.materialThicknessField, 0.72), pb.mul(this.thinRegion, 0.34)), pb.add(pb.mul(this.thicknessBackScatter, 0.28), pb.add(pb.mul(this.materialTransmissionSoftness, 0.08), pb.add(pb.mul(this.profileTransmissionScale, 0.12), pb.mul(this.profileDiffusionSoftness, 0.06))))), 0, 1);
                             this.$l.visibleTransmissionChroma = pb.clamp(pb.add(pb.add(0.66, pb.mul(this.visibleTransmissionMask, 0.32)), pb.add(pb.mul(this.thicknessBackScatter, 0.24), pb.mul(this.presetTransmissionBoost, 0.14))), 0.52, 1);
-                            this.$l.visibleTransmissionTint = pb.normalize(pb.max(pb.mix(this.warmTransmissionTint, pb.mul(this.profileTransmissionTint, pb.vec3(1.0, 0.14, 0.08)), pb.clamp(pb.add(pb.add(0.5, pb.mul(this.visibleTransmissionMask, 0.22)), pb.mul(this.thicknessBackScatter, 0.18)), 0, 0.92)), pb.vec3(1e-4)));
+                            this.$l.visibleTransmissionTint = pb.normalize(pb.max(pb.mix(this.warmTransmissionTint, this.profileTransmissionTint, pb.clamp(pb.add(pb.mul(this.visibleTransmissionMask, 0.24), pb.mul(this.thicknessBackScatter, 0.2)), 0, 0.6)), pb.vec3(1e-4)));
                             this.$l.visibleTransmissionWarm = pb.mix(this.transmittedDiffuse, pb.mul(this.visibleTransmissionTint, this.transmittedDiffuseLuma), this.visibleTransmissionChroma);
-                            this.$l.visibleTransmissionGain = pb.clamp(pb.add(pb.add(2.35, pb.mul(this.visibleTransmissionMask, 1.85)), pb.add(pb.mul(this.thicknessBackScatter, 1.3), pb.add(pb.mul(this.materialTransmissionSoftness, 0.42), pb.mul(this.profileTransmissionScale, 0.72)))), 2, 6.4);
+                            this.$l.visibleTransmissionGain = pb.clamp(pb.add(pb.add(0.78, pb.mul(this.visibleTransmissionMask, 0.72)), pb.add(pb.mul(this.thicknessBackScatter, 0.48), pb.add(pb.mul(this.materialTransmissionSoftness, 0.18), pb.mul(this.profileTransmissionScale, 0.24)))), 0.7, 2.4);
                             this.$l.visibleTransmissionHeadroom = pb.add(pb.mul(this.transmissionHeadroom, pb.add(pb.add(2.15, pb.mul(this.visibleTransmissionMask, 1.1)), pb.mul(this.thicknessBackScatter, 0.72))), pb.mul(this.visibleTransmissionTint, this.visibleTransmissionMask, this.transmittedDiffuseLuma, pb.add(pb.add(0.12, pb.mul(this.thicknessBackScatter, 0.18)), pb.mul(this.materialThicknessField, 0.14))));
-                            this.$l.visibleTransmission = pb.min(pb.mul(this.visibleTransmissionWarm, this.visibleTransmissionGain, this.transmissionShadow), this.visibleTransmissionHeadroom);
-                            this.$l.visibleTransmissionReveal = pb.clamp(pb.mul(this.visibleTransmissionMask, this.transmissionShadow, pb.add(pb.add(0.1, pb.mul(this.thicknessBackScatter, 0.25)), pb.mul(this.materialThicknessField, 0.12))), 0, 0.38);
-                            this.result = pb.mix(this.result, pb.mul(this.result, pb.vec3(0.84, 0.68, 0.64)), this.visibleTransmissionReveal);
+                            this.$l.visibleTransmission = pb.min(pb.mul(this.visibleTransmissionWarm, this.visibleTransmissionGain, this.transmissionShadow, this.backLightGate), this.visibleTransmissionHeadroom);
                             this.debugThinLighting = this.visibleTransmission;
                             this.result = pb.add(this.result, this.visibleTransmission);
                         });
@@ -1079,7 +1158,8 @@ import { AbstractPostEffect, PostEffectLayer } from './posteffect.js';
     }
     ensureProfileLUT(ctx) {
         const device = ctx.device;
-        if (!SSS._profileLUT || SSS._profileLUT.device !== device) {
+        if (!SSS._profileLUT || SSS._profileLUT.device !== device || SSS._profileLUT.width !== SSS._profileLUTWidth || SSS._profileLUT.height !== SSS._profileLUTHeight) {
+            SSS._profileLUT?.dispose();
             SSS._profileLUT = device.createTexture2D('rgba8unorm', SSS._profileLUTWidth, SSS._profileLUTHeight, {
                 mipmapping: false
             });
@@ -1131,6 +1211,11 @@ import { AbstractPostEffect, PostEffectLayer } from './posteffect.js';
                 data[settingsBOffset + 1] = encodeScaled(profile.scale, SSS._profileWorldScaleEncodeMax);
                 data[settingsBOffset + 2] = encodeUnit(profile.strength / 2);
                 data[settingsBOffset + 3] = 255;
+                const specularSettingsOffset = (SSS._profileLUTWidth * 7 + slot) * 4;
+                data[specularSettingsOffset + 0] = encodeUnit(profile.specularDetailSoftness);
+                data[specularSettingsOffset + 1] = encodeScaled(profile.specularDetailRadius, SSS._profileSpecularRadiusEncodeMax);
+                data[specularSettingsOffset + 2] = 0;
+                data[specularSettingsOffset + 3] = 255;
             }
             SSS._profileLUT.update(data, 0, 0, SSS._profileLUTWidth, SSS._profileLUTHeight);
             SSS._profileLUTVersion = SubsurfaceProfile.version;