diff options
Diffstat (limited to 'apps/web/src/services/renderer')
| -rw-r--r-- | apps/web/src/services/renderer/nodes/blur-background-node.ts | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/apps/web/src/services/renderer/nodes/blur-background-node.ts b/apps/web/src/services/renderer/nodes/blur-background-node.ts index f790ebb4..c67a5113 100644 --- a/apps/web/src/services/renderer/nodes/blur-background-node.ts +++ b/apps/web/src/services/renderer/nodes/blur-background-node.ts @@ -1,5 +1,5 @@ import { TIME_EPSILON_SECONDS } from "@/constants/animation-constants"; -import { buildGaussianBlurPasses } from "@/lib/effects/definitions/blur"; +import { buildGaussianBlurPasses, intensityToSigma } from "@/lib/effects/definitions/blur"; import { getSourceTimeAtClipTime } from "@/lib/retime"; import { videoCache } from "@/services/video-cache/service"; import type { RetimeConfig } from "@/lib/timeline"; @@ -128,8 +128,8 @@ export class BlurBackgroundNode extends BaseNode<BlurBackgroundNodeParams> { ); const passes = buildGaussianBlurPasses({ - sigmaX: this.params.blurIntensity * (renderer.width / 1920), - sigmaY: this.params.blurIntensity * (renderer.height / 1080), + sigmaX: intensityToSigma({ intensity: this.params.blurIntensity, resolution: renderer.width, reference: 1920 }), + sigmaY: intensityToSigma({ intensity: this.params.blurIntensity, resolution: renderer.height, reference: 1080 }), }); const effectResult = gpuRenderer.applyEffect({ source: offscreen as CanvasImageSource, |