Spaces:
Runtime error
Runtime error
File size: 2,701 Bytes
92189dd |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 |
/**
* Copyright (c) Meta Platforms, Inc. and affiliates.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import {Tracklet} from '@/common/tracker/Tracker';
import {DEMO_SHORT_NAME} from '@/demo/DemoConfig';
import {Bound, CanvasForm, Num, Pt, Shaping} from 'pts';
import {AbstractEffect, EffectFrameContext} from './Effect';
export default class BackgroundTextEffect extends AbstractEffect {
constructor() {
super(2);
}
apply(
form: CanvasForm,
context: EffectFrameContext,
_tracklets: Tracklet[],
): void {
form.image([0, 0], context.frame);
const words = ['SEGMENT', 'ANYTHING', 'WOW'];
const paragraph = `${DEMO_SHORT_NAME} is designed for efficient video processing with streaming inference to enable real-time, interactive applications.`;
const progress = context.frameIndex / context.totalFrames;
// Zooming heading
if (this.variant % 2 === 0) {
const step = context.totalFrames / words.length;
const wordIndex = Math.floor(progress * words.length);
const fontSize = context.width / Math.max(4, words[wordIndex].length - 1);
const sizeMax = fontSize * 1.2;
const t = Shaping.quadraticInOut(
Num.cycle((context.frameIndex - wordIndex * step) / step),
);
const currentSize = fontSize + Shaping.sineInOut(t, sizeMax - fontSize);
form.fillOnly('#fff').font(currentSize, 'bold');
const area = new Pt(
context.width,
context.height - (context.height / 4) * (1 - t),
)
.toBound()
.scale(1.5, [context.width / 2, 0]);
form
.alignText('center', 'middle')
.textBox(area, words[wordIndex], 'middle');
// Scrolling paragraph
} else {
const t = Shaping.quadraticInOut(Num.cycle(progress));
const offset = t * context.height;
const area = Bound.fromArray([
[0, -context.height + offset],
[context.width, context.height],
]);
form.fillOnly('#00000066').rect(area);
form.fillOnly('#fff').font(context.width / 8, 'bold');
form
.fillOnly('#fff')
.alignText('start')
.paragraphBox(area, paragraph, 0.8, 'top', false);
}
}
}
|