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 |
}}
|