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
|