diff options
Diffstat (limited to 'apps/web/src/lib/masks/definitions/cinematic-bars.ts')
| -rw-r--r-- | apps/web/src/lib/masks/definitions/cinematic-bars.ts | 11 |
1 files changed, 7 insertions, 4 deletions
diff --git a/apps/web/src/lib/masks/definitions/cinematic-bars.ts b/apps/web/src/lib/masks/definitions/cinematic-bars.ts index 1eb65e71..ef9c6e00 100644 --- a/apps/web/src/lib/masks/definitions/cinematic-bars.ts +++ b/apps/web/src/lib/masks/definitions/cinematic-bars.ts @@ -5,6 +5,7 @@ import type { } from "@/lib/masks/types"; import { BOX_LIKE_MASK_PARAMS, + buildBoxMaskInteraction, computeBoxMaskParamUpdate, getDefaultBaseMaskParams, getStrokeOffset, @@ -73,16 +74,18 @@ function buildBandPath({ export const cinematicBarsMaskDefinition: MaskDefinition<RectangleMaskParams> = { type: "cinematic-bars", name: "Cinematic Bars", - overlayShape: "box", - buildOverlayPath({ width, height }) { - return `M 0,0 H ${width} V ${height} H 0 Z`; - }, features: { hasPosition: true, hasRotation: true, sizeMode: "height-only", }, params: BOX_LIKE_MASK_PARAMS, + interaction: buildBoxMaskInteraction({ + sizeMode: "height-only", + buildOverlayPath({ width, height }) { + return `M 0,0 H ${width} V ${height} H 0 Z`; + }, + }), buildDefault(context) { return { type: "cinematic-bars", |