@zync/zync-screnplay-player 0.1.242 → 0.1.243
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bundle.js +1 -1
- package/dist/screenplay/RemotionRenderer/development.js +1496 -29
- package/dist/screenplay/RemotionRenderer/theme/themes/boxwipe/Nametag.js +10 -10
- package/dist/screenplay/RemotionRenderer/theme/themes/centerline/Nametag.js +8 -8
- package/dist/screenplay/RemotionRenderer/theme/themes/rightslide/Nametag.js +3 -3
- package/dist/screenplay/RemotionRenderer/theme/themes/stackfill/Nametag.js +3 -3
- package/package.json +1 -1
|
@@ -42,7 +42,7 @@ export var BoxwipeNametag = function BoxwipeNametag(_ref) {
|
|
|
42
42
|
borderWidth: clamp(width * 0.004, 5, 8),
|
|
43
43
|
boxHeight: height * 0.092,
|
|
44
44
|
boxWidth: width * 0.62,
|
|
45
|
-
containerBottom: height * 0.
|
|
45
|
+
containerBottom: height * 0.22,
|
|
46
46
|
containerLeft: width * 0.045,
|
|
47
47
|
maxNameFontSize: width * 0.066,
|
|
48
48
|
maxTitleFontSize: width * 0.024,
|
|
@@ -52,7 +52,7 @@ export var BoxwipeNametag = function BoxwipeNametag(_ref) {
|
|
|
52
52
|
borderWidth: clamp(width * 0.01, 5, 8),
|
|
53
53
|
boxHeight: height * 0.058,
|
|
54
54
|
boxWidth: width * 0.78,
|
|
55
|
-
containerBottom: height * 0.
|
|
55
|
+
containerBottom: height * 0.3,
|
|
56
56
|
containerLeft: width * 0.07,
|
|
57
57
|
maxNameFontSize: width * 0.092,
|
|
58
58
|
maxTitleFontSize: width * 0.038,
|
|
@@ -62,7 +62,7 @@ export var BoxwipeNametag = function BoxwipeNametag(_ref) {
|
|
|
62
62
|
borderWidth: clamp(width * 0.007, 5, 8),
|
|
63
63
|
boxHeight: height * 0.072,
|
|
64
64
|
boxWidth: width * 0.74,
|
|
65
|
-
containerBottom: height * 0.
|
|
65
|
+
containerBottom: height * 0.22,
|
|
66
66
|
containerLeft: width * 0.06,
|
|
67
67
|
maxNameFontSize: width * 0.078,
|
|
68
68
|
maxTitleFontSize: width * 0.033,
|
|
@@ -90,13 +90,13 @@ export var BoxwipeNametag = function BoxwipeNametag(_ref) {
|
|
|
90
90
|
var fittedBoxWidth = clamp(estimateTextWidth(displayName, nameFontSize) + horizontalPadding, boxWidth * 0.42, boxWidth);
|
|
91
91
|
var titleFontSize = fitSingleLineFontSize(displayTitle, boxWidth - titleHorizontalPadding, boxHeight * 0.45, maxTitleFontSize);
|
|
92
92
|
var fittedTitleBoxWidth = clamp(estimateTextWidth(displayTitle, titleFontSize) + titleHorizontalPadding, boxWidth * 0.28, boxWidth);
|
|
93
|
-
var widthGrowEnd = Math.round(fps * 0.
|
|
94
|
-
var heightGrowStart = widthGrowEnd + Math.round(fps * 0.
|
|
95
|
-
var heightGrowEnd = heightGrowStart + Math.round(fps * 0.
|
|
96
|
-
var sweepStart = heightGrowEnd + Math.round(fps * 0.
|
|
97
|
-
var sweepEnd = sweepStart + Math.round(fps *
|
|
98
|
-
var finishStart = sweepEnd + Math.round(fps * 0.
|
|
99
|
-
var finishEnd = finishStart + Math.round(fps * 0.
|
|
93
|
+
var widthGrowEnd = Math.round(fps * 0.5);
|
|
94
|
+
var heightGrowStart = widthGrowEnd + Math.round(fps * 0.04);
|
|
95
|
+
var heightGrowEnd = heightGrowStart + Math.round(fps * 0.34);
|
|
96
|
+
var sweepStart = heightGrowEnd + Math.round(fps * 0.06);
|
|
97
|
+
var sweepEnd = sweepStart + Math.round(fps * 0.82);
|
|
98
|
+
var finishStart = sweepEnd + Math.round(fps * 0.03);
|
|
99
|
+
var finishEnd = finishStart + Math.round(fps * 0.28);
|
|
100
100
|
var widthProgress = interpolate(frame, [0, widthGrowEnd], [0, 1], {
|
|
101
101
|
easing: Easing.out(Easing.cubic),
|
|
102
102
|
extrapolateLeft: "clamp",
|
|
@@ -44,7 +44,7 @@ export var CenterlineNametag = function CenterlineNametag(_ref) {
|
|
|
44
44
|
accentContrast = _useTheme.accentContrast;
|
|
45
45
|
var _useOrientationBased = useOrientationBased({
|
|
46
46
|
landscape: {
|
|
47
|
-
containerBottom: height * 0.
|
|
47
|
+
containerBottom: height * 0.2,
|
|
48
48
|
containerWidth: width * 0.76,
|
|
49
49
|
lineHeight: clamp(height * 0.008, 5, 9),
|
|
50
50
|
lineOffset: height * 0.01,
|
|
@@ -55,7 +55,7 @@ export var CenterlineNametag = function CenterlineNametag(_ref) {
|
|
|
55
55
|
titleInset: width * 0.01
|
|
56
56
|
},
|
|
57
57
|
portrait: {
|
|
58
|
-
containerBottom: height * 0.
|
|
58
|
+
containerBottom: height * 0.29,
|
|
59
59
|
containerWidth: width * 0.86,
|
|
60
60
|
lineHeight: clamp(height * 0.005, 5, 8),
|
|
61
61
|
lineOffset: height * 0.008,
|
|
@@ -66,7 +66,7 @@ export var CenterlineNametag = function CenterlineNametag(_ref) {
|
|
|
66
66
|
titleInset: width * 0.014
|
|
67
67
|
},
|
|
68
68
|
square: {
|
|
69
|
-
containerBottom: height * 0.
|
|
69
|
+
containerBottom: height * 0.23,
|
|
70
70
|
containerWidth: width * 0.82,
|
|
71
71
|
lineHeight: clamp(height * 0.007, 5, 8),
|
|
72
72
|
lineOffset: height * 0.008,
|
|
@@ -94,11 +94,11 @@ export var CenterlineNametag = function CenterlineNametag(_ref) {
|
|
|
94
94
|
var nameFit = distributeTextToFit(displayName, containerWidth, nameHeight, maxNameFontSize);
|
|
95
95
|
var nametagWidth = clamp(estimateLineWidth(displayName, nameFit.fontSize), containerWidth * 0.35, containerWidth);
|
|
96
96
|
var titleFontSize = fitSingleLineFontSize(displayTitle, nametagWidth - titleInset * 2, titleBarHeight * 0.74, maxTitleFontSize);
|
|
97
|
-
var titleGrowEnd = Math.round(fps * 1.
|
|
98
|
-
var lineFillStart = Math.round(fps * 0.
|
|
99
|
-
var lineFillEnd = lineFillStart + Math.round(fps *
|
|
100
|
-
var nameRevealStart = lineFillEnd + Math.round(fps * 0.
|
|
101
|
-
var nameRevealEnd = nameRevealStart + Math.round(fps * 1.
|
|
97
|
+
var titleGrowEnd = Math.round(fps * 1.2);
|
|
98
|
+
var lineFillStart = Math.round(fps * 0.5);
|
|
99
|
+
var lineFillEnd = lineFillStart + Math.round(fps * 0.95);
|
|
100
|
+
var nameRevealStart = lineFillEnd + Math.round(fps * 0.22);
|
|
101
|
+
var nameRevealEnd = nameRevealStart + Math.round(fps * 1.05);
|
|
102
102
|
var baseScale = interpolate(frame, [0, titleGrowEnd], [0, 1], {
|
|
103
103
|
easing: Easing.out(Easing.cubic),
|
|
104
104
|
extrapolateLeft: "clamp",
|
|
@@ -36,7 +36,7 @@ export var RightslideNametag = function RightslideNametag(_ref) {
|
|
|
36
36
|
accentColor = _useTheme.accentColor;
|
|
37
37
|
var _useOrientationBased = useOrientationBased({
|
|
38
38
|
landscape: {
|
|
39
|
-
containerBottom: height * 0.
|
|
39
|
+
containerBottom: height * 0.21,
|
|
40
40
|
containerRight: width * 0.04,
|
|
41
41
|
lineWidth: clamp(width * 0.004, 5, 8),
|
|
42
42
|
maxNameBoxWidth: width * 0.62,
|
|
@@ -47,7 +47,7 @@ export var RightslideNametag = function RightslideNametag(_ref) {
|
|
|
47
47
|
titleGap: height * 0.012
|
|
48
48
|
},
|
|
49
49
|
portrait: {
|
|
50
|
-
containerBottom: height * 0.
|
|
50
|
+
containerBottom: height * 0.3,
|
|
51
51
|
containerLeft: width * 0.07,
|
|
52
52
|
lineWidth: clamp(width * 0.01, 5, 8),
|
|
53
53
|
maxNameBoxWidth: width * 0.84,
|
|
@@ -58,7 +58,7 @@ export var RightslideNametag = function RightslideNametag(_ref) {
|
|
|
58
58
|
titleGap: height * 0.008
|
|
59
59
|
},
|
|
60
60
|
square: {
|
|
61
|
-
containerBottom: height * 0.
|
|
61
|
+
containerBottom: height * 0.22,
|
|
62
62
|
containerRight: width * 0.06,
|
|
63
63
|
lineWidth: clamp(width * 0.007, 5, 8),
|
|
64
64
|
maxNameBoxWidth: width * 0.78,
|
|
@@ -36,7 +36,7 @@ export var StackfillNametag = function StackfillNametag(_ref) {
|
|
|
36
36
|
accentColor = _useTheme.accentColor;
|
|
37
37
|
var _useOrientationBased = useOrientationBased({
|
|
38
38
|
landscape: {
|
|
39
|
-
containerBottom: height * 0.
|
|
39
|
+
containerBottom: height * 0.21,
|
|
40
40
|
containerLeft: width * 0.04,
|
|
41
41
|
maxNameBoxWidth: width * 0.62,
|
|
42
42
|
maxNameFontSize: width * 0.07,
|
|
@@ -46,7 +46,7 @@ export var StackfillNametag = function StackfillNametag(_ref) {
|
|
|
46
46
|
titleGap: height * 0.012
|
|
47
47
|
},
|
|
48
48
|
portrait: {
|
|
49
|
-
containerBottom: height * 0.
|
|
49
|
+
containerBottom: height * 0.3,
|
|
50
50
|
containerLeft: width * 0.07,
|
|
51
51
|
maxNameBoxWidth: width * 0.84,
|
|
52
52
|
maxNameFontSize: width * 0.12,
|
|
@@ -56,7 +56,7 @@ export var StackfillNametag = function StackfillNametag(_ref) {
|
|
|
56
56
|
titleGap: height * 0.008
|
|
57
57
|
},
|
|
58
58
|
square: {
|
|
59
|
-
containerBottom: height * 0.
|
|
59
|
+
containerBottom: height * 0.22,
|
|
60
60
|
containerLeft: width * 0.06,
|
|
61
61
|
maxNameBoxWidth: width * 0.78,
|
|
62
62
|
maxNameFontSize: width * 0.095,
|