Mbonea commited on
Commit
c853239
1 Parent(s): bf12b35

removed position absolute

Browse files
Remotion-app/src/HelloWorld/ImageStream.jsx CHANGED
@@ -43,7 +43,7 @@ const ImageStream = React.memo(() => {
43
  );
44
  });
45
 
46
- const Images = ({entry, index}) => {
47
  const plugins = useMemo(() => [MotionPathPlugin], []);
48
 
49
  const gsapTimeline = () => {
@@ -106,7 +106,7 @@ const Images = ({entry, index}) => {
106
  </GsapAnimation>
107
  </>
108
  );
109
- };
110
 
111
  const CAMERA_PATHS = [
112
  'M0,0 L0,0 L0.01,6.250767223456442 L0.02,12.307777919193562 L0.03,17.981021128648393 L0.04,23.08791053766677 L0.05,27.456831719591154 L0.06,30.930494499238577 L0.07,33.36903077821196 L0.08,34.65278258690877 L0.09,34.68473051456858 L0.1,33.39251892264521 L0.11,30.730041360606144 L0.12,26.67855725570995 L0.13,21.24731910710591 L0.14,14.473697938680804 L0.15,6.422803507059508 L0.16,-2.813395430132172 L0.17,-13.117436757566923 L0.18,-24.348194042382275 L0.19,-36.34313835339807 L0.2,-48.92099466211533 L0.21,-61.884747703696206 L0.22,-75.02494602649278 L0.23,-88.12324769059636 L0.24,-100.95614678075249 L0.25,-113.29881665150901 L0.26,-124.92900367924119 L0.27,-135.63090429430372 L0.28,-145.19895822488047 L0.29,-153.44149220001046 L0.3,-160.18415081068855 L0.31,-165.27305477318492 L0.32,-168.57763141725664 L0.33,-169.99306775534885 L0.34,-169.44234288234307 L0.35000000000000003,-166.87780359918514 L0.36,-162.28225492514437 L0.37,-155.6695454289916 L0.38,-147.08463592697137 L0.39,-136.60314891690805 L0.4,-124.33040499141937 L0.41000000000000003,-110.39996124635968 L0.42,-94.97167522233873 L0.43,-78.22932604080408 L0.44,-60.37783198193181 L0.45,-41.64011066884246 L0.46,-22.253634152367002 L0.47000000000000003,-2.4667364271843444 L0.48,17.465264836574214 L0.49,37.28406736544427 L0.5,56.73243709264525 L0.51,75.55824670277104 L0.52,93.51843213440384 L0.53,110.38280065041089 L0.54,125.93762660845078 L0.55,139.98897467993305 L0.56,152.36569491216275 L0.5700000000000001,162.92203962582144 L0.58,171.53985859202433 L0.59,178.1303361290115 L0.6,182.63524157436322 L0.61,185.02767289005592 L0.62,185.3122818019912 L0.63,183.5249777141914 L0.64,179.7321165187357 L0.65,174.02918919305938 L0.66,166.5390335857308 L0.67,157.40960089406326 L0.68,146.81131589274514 L0.6900000000000001,134.93407685237096 L0.7000000000000001,121.98394717226348 L0.71,108.1795959389706 L0.72,93.74854882143232 L0.73,78.92331385425543 L0.74,63.937448688246285 L0.75,49.02163676798019 L0.76,34.3998396151561 L0.77,20.2855909592305 L0.78,6.878495888722427 L0.79,-5.639005457500526 L0.8,-17.104554816151857 L0.81,-27.378424117590406 L0.8200000000000001,-36.34565243250325 L0.8300000000000001,-43.91773597715466 L0.84,-50.03384340800965 L0.85,-54.66153690980771 L0.86,-57.79698818378553 L0.87,-59.464687225962315 L0.88,-59.7166505974229 L0.89,-58.631144577076576 L0.9,-56.310947002332334 L0.91,-52.881179599165826 L0.92,-48.486750042076004 L0.93,-43.28944973799401 L0.9400000000000001,-37.46475927975189 L0.9500000000000001,-31.19841856151882 L0.96,-24.682822603635902 L0.97,-18.113307127579862 L0.98,-11.684389801835987 L0.99,-5.586033813903673',
 
43
  );
44
  });
45
 
46
+ const Images = React.memo(({entry, index}) => {
47
  const plugins = useMemo(() => [MotionPathPlugin], []);
48
 
49
  const gsapTimeline = () => {
 
106
  </GsapAnimation>
107
  </>
108
  );
109
+ });
110
 
111
  const CAMERA_PATHS = [
112
  'M0,0 L0,0 L0.01,6.250767223456442 L0.02,12.307777919193562 L0.03,17.981021128648393 L0.04,23.08791053766677 L0.05,27.456831719591154 L0.06,30.930494499238577 L0.07,33.36903077821196 L0.08,34.65278258690877 L0.09,34.68473051456858 L0.1,33.39251892264521 L0.11,30.730041360606144 L0.12,26.67855725570995 L0.13,21.24731910710591 L0.14,14.473697938680804 L0.15,6.422803507059508 L0.16,-2.813395430132172 L0.17,-13.117436757566923 L0.18,-24.348194042382275 L0.19,-36.34313835339807 L0.2,-48.92099466211533 L0.21,-61.884747703696206 L0.22,-75.02494602649278 L0.23,-88.12324769059636 L0.24,-100.95614678075249 L0.25,-113.29881665150901 L0.26,-124.92900367924119 L0.27,-135.63090429430372 L0.28,-145.19895822488047 L0.29,-153.44149220001046 L0.3,-160.18415081068855 L0.31,-165.27305477318492 L0.32,-168.57763141725664 L0.33,-169.99306775534885 L0.34,-169.44234288234307 L0.35000000000000003,-166.87780359918514 L0.36,-162.28225492514437 L0.37,-155.6695454289916 L0.38,-147.08463592697137 L0.39,-136.60314891690805 L0.4,-124.33040499141937 L0.41000000000000003,-110.39996124635968 L0.42,-94.97167522233873 L0.43,-78.22932604080408 L0.44,-60.37783198193181 L0.45,-41.64011066884246 L0.46,-22.253634152367002 L0.47000000000000003,-2.4667364271843444 L0.48,17.465264836574214 L0.49,37.28406736544427 L0.5,56.73243709264525 L0.51,75.55824670277104 L0.52,93.51843213440384 L0.53,110.38280065041089 L0.54,125.93762660845078 L0.55,139.98897467993305 L0.56,152.36569491216275 L0.5700000000000001,162.92203962582144 L0.58,171.53985859202433 L0.59,178.1303361290115 L0.6,182.63524157436322 L0.61,185.02767289005592 L0.62,185.3122818019912 L0.63,183.5249777141914 L0.64,179.7321165187357 L0.65,174.02918919305938 L0.66,166.5390335857308 L0.67,157.40960089406326 L0.68,146.81131589274514 L0.6900000000000001,134.93407685237096 L0.7000000000000001,121.98394717226348 L0.71,108.1795959389706 L0.72,93.74854882143232 L0.73,78.92331385425543 L0.74,63.937448688246285 L0.75,49.02163676798019 L0.76,34.3998396151561 L0.77,20.2855909592305 L0.78,6.878495888722427 L0.79,-5.639005457500526 L0.8,-17.104554816151857 L0.81,-27.378424117590406 L0.8200000000000001,-36.34565243250325 L0.8300000000000001,-43.91773597715466 L0.84,-50.03384340800965 L0.85,-54.66153690980771 L0.86,-57.79698818378553 L0.87,-59.464687225962315 L0.88,-59.7166505974229 L0.89,-58.631144577076576 L0.9,-56.310947002332334 L0.91,-52.881179599165826 L0.92,-48.486750042076004 L0.93,-43.28944973799401 L0.9400000000000001,-37.46475927975189 L0.9500000000000001,-31.19841856151882 L0.96,-24.682822603635902 L0.97,-18.113307127579862 L0.98,-11.684389801835987 L0.99,-5.586033813903673',
Remotion-app/src/HelloWorld/TextStream.jsx CHANGED
@@ -43,8 +43,6 @@ const TextStream = React.memo(() => {
43
  backgroundColor: 'transparent',
44
  justifyContent: 'center',
45
  alignItems: 'center',
46
- position: 'abdolute',
47
- // backgroundColor: 'red',
48
  }}
49
  >
50
  <TransitionSeries>
 
43
  backgroundColor: 'transparent',
44
  justifyContent: 'center',
45
  alignItems: 'center',
 
 
46
  }}
47
  >
48
  <TransitionSeries>