open
Browse files
Remotion-app/src/HelloWorld/ImageStream.jsx
CHANGED
@@ -11,10 +11,13 @@ import imageSequences from './Assets/ImageSequences.json';
|
|
11 |
import {TransitionSeries, linearTiming} from '@remotion/transitions';
|
12 |
import GsapAnimation from './Components/GsapAnimation';
|
13 |
import gsap from 'gsap';
|
|
|
|
|
14 |
|
15 |
export default function ImageStream() {
|
16 |
const {fps} = useVideoConfig();
|
17 |
|
|
|
18 |
return (
|
19 |
<AbsoluteFill
|
20 |
style={{
|
@@ -48,6 +51,7 @@ export default function ImageStream() {
|
|
48 |
}
|
49 |
|
50 |
const Images = ({entry}) => {
|
|
|
51 |
const gsapTimeline = () => {
|
52 |
let tlContainer = gsap.timeline();
|
53 |
tlContainer.fromTo(
|
@@ -78,6 +82,7 @@ const Images = ({entry}) => {
|
|
78 |
return (
|
79 |
<>
|
80 |
<GsapAnimation
|
|
|
81 |
style={{
|
82 |
BackgroundColor: 'black',
|
83 |
}}
|
|
|
11 |
import {TransitionSeries, linearTiming} from '@remotion/transitions';
|
12 |
import GsapAnimation from './Components/GsapAnimation';
|
13 |
import gsap from 'gsap';
|
14 |
+
import {MotionPathPlugin} from 'gsap-trial/all';
|
15 |
+
|
16 |
|
17 |
export default function ImageStream() {
|
18 |
const {fps} = useVideoConfig();
|
19 |
|
20 |
+
|
21 |
return (
|
22 |
<AbsoluteFill
|
23 |
style={{
|
|
|
51 |
}
|
52 |
|
53 |
const Images = ({entry}) => {
|
54 |
+
const plugins = [MotionPathPlugin];
|
55 |
const gsapTimeline = () => {
|
56 |
let tlContainer = gsap.timeline();
|
57 |
tlContainer.fromTo(
|
|
|
82 |
return (
|
83 |
<>
|
84 |
<GsapAnimation
|
85 |
+
plugins={plugins}
|
86 |
style={{
|
87 |
BackgroundColor: 'black',
|
88 |
}}
|