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
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
|
import type { SceneTracks } from "@/timeline";
import {
buildTimelineSnapPoints,
getTimelineSnapThresholdInTicks,
resolveTimelineSnap,
type SnapPoint,
} from "@/timeline/snapping";
import { getElementEdgeSnapPoints } from "@/timeline/element-snap-source";
import { getPlayheadSnapPoints } from "@/timeline/playhead-snap-source";
import { getAnimationKeyframeSnapPointsForTimeline } from "@/animation/timeline-snap-points";
import type { MoveGroup } from "./types";
import { addMediaTime, type MediaTime, subMediaTime } from "@/wasm";
export function snapGroupEdges({
group,
anchorStartTime,
tracks,
playheadTime,
zoomLevel,
}: {
group: MoveGroup;
anchorStartTime: MediaTime;
tracks: SceneTracks;
playheadTime: MediaTime;
zoomLevel: number;
}): {
snappedAnchorStartTime: MediaTime;
snapPoint: SnapPoint | null;
} {
const excludeElementIds = new Set(
group.members.map((member) => member.elementId),
);
const snapPoints = buildTimelineSnapPoints({
sources: [
() => getElementEdgeSnapPoints({ tracks, excludeElementIds }),
() => getPlayheadSnapPoints({ playheadTime }),
() =>
getAnimationKeyframeSnapPointsForTimeline({
tracks,
excludeElementIds,
}),
],
});
const maxSnapDistance = getTimelineSnapThresholdInTicks({ zoomLevel });
let closestSnapDistance = Infinity;
let snappedAnchorStartTime = anchorStartTime;
let snapPoint: SnapPoint | null = null;
for (const member of group.members) {
const memberStartTime = addMediaTime({
a: anchorStartTime,
b: member.timeOffset,
});
const memberStartSnap = resolveTimelineSnap({
targetTime: memberStartTime,
snapPoints,
maxSnapDistance,
});
if (
memberStartSnap.snapPoint &&
memberStartSnap.snapDistance < closestSnapDistance
) {
closestSnapDistance = memberStartSnap.snapDistance;
snappedAnchorStartTime = subMediaTime({
a: memberStartSnap.snappedTime,
b: member.timeOffset,
});
snapPoint = memberStartSnap.snapPoint;
}
const memberEndSnap = resolveTimelineSnap({
targetTime: addMediaTime({
a: memberStartTime,
b: member.duration,
}),
snapPoints,
maxSnapDistance,
});
if (
memberEndSnap.snapPoint &&
memberEndSnap.snapDistance < closestSnapDistance
) {
closestSnapDistance = memberEndSnap.snapDistance;
snappedAnchorStartTime = subMediaTime({
a: subMediaTime({
a: memberEndSnap.snappedTime,
b: member.duration,
}),
b: member.timeOffset,
});
snapPoint = memberEndSnap.snapPoint;
}
}
return {
snappedAnchorStartTime,
snapPoint,
};
}
|
