changed the font and styles
Browse files
Remotion-app/src/HelloWorld/ImageStream.jsx
CHANGED
@@ -79,7 +79,7 @@ const Images = ({entry}) => {
|
|
79 |
durationInFrames: durationInFrames,
|
80 |
});
|
81 |
|
82 |
-
const zoom = interpolate(spr, [0, 0.5, 1], [1, 1.
|
83 |
easing: Easing.bezier(0.23, 1, 0.32, 1),
|
84 |
// extrapolateLeft: 'clamp',
|
85 |
// extrapolateRight: 'clamp',
|
|
|
79 |
durationInFrames: durationInFrames,
|
80 |
});
|
81 |
|
82 |
+
const zoom = interpolate(spr, [0, 0.5, 1], [1, 1.3, 1.2], {
|
83 |
easing: Easing.bezier(0.23, 1, 0.32, 1),
|
84 |
// extrapolateLeft: 'clamp',
|
85 |
// extrapolateRight: 'clamp',
|
Remotion-app/src/HelloWorld/TextStream.jsx
CHANGED
@@ -10,10 +10,10 @@ const subtitle = {
|
|
10 |
fontSize: 150,
|
11 |
textAlign: 'center',
|
12 |
textShadow:
|
13 |
-
'-
|
14 |
position: 'fixed',
|
15 |
fontWeight: 'bolder',
|
16 |
-
color: '
|
17 |
bottom: 200,
|
18 |
height: 'fit-content',
|
19 |
width: '100%',
|
|
|
10 |
fontSize: 150,
|
11 |
textAlign: 'center',
|
12 |
textShadow:
|
13 |
+
'-10px -10px 0 #000, 0 -10px 0 #000, 10px -10px 0 #000, 10px 0 0 #000, 10px 10px 0 #000, 0 10px 0 #000, -10px 10px 0 #000, -10px 0 0 #000',
|
14 |
position: 'fixed',
|
15 |
fontWeight: 'bolder',
|
16 |
+
color: 'yellow',
|
17 |
bottom: 200,
|
18 |
height: 'fit-content',
|
19 |
width: '100%',
|
Remotion-app/src/HelloWorld/constants.js
CHANGED
@@ -1,8 +1,6 @@
|
|
1 |
// Change any of these to update your video live.
|
2 |
|
3 |
-
export const
|
4 |
-
export const COLOR_2 = '#91EAE4';
|
5 |
-
|
6 |
-
export const FONT_FAMILY = 'Pacifico';
|
7 |
export const FPS = 30;
|
|
|
8 |
export const DURATION = 70 * FPS; // 30 seconds
|
|
|
1 |
// Change any of these to update your video live.
|
2 |
|
3 |
+
export const FONT_FAMILY = 'LuckiestGuy';
|
|
|
|
|
|
|
4 |
export const FPS = 30;
|
5 |
+
|
6 |
export const DURATION = 70 * FPS; // 30 seconds
|