From 8a1d37cf3e8d06dd7af75b5d6f9181afcc797f84 Mon Sep 17 00:00:00 2001 From: Maze Winther Date: Wed, 1 Apr 2026 15:15:12 +0200 Subject: fix: align background blur with effect blur intensity scale --- apps/web/src/services/renderer/nodes/blur-background-node.ts | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) (limited to 'apps/web/src/services/renderer') 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 { ); 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, -- cgit v1.3.1