├── .eslintrc ├── .gitattributes ├── .github └── workflows │ └── render-video.yml ├── .gitignore ├── .prettierrc ├── .vscode └── settings.json ├── README.md ├── package.json ├── public ├── animoji.mov ├── frame000.png ├── frame001.png ├── frame002.png ├── frame003.png ├── frame004.png ├── frame005.png ├── frame006.png ├── frame007.png ├── frame008.png ├── frame009.png ├── frame010.png ├── frame011.png ├── frame012.png ├── frame013.png ├── frame014.png ├── frame015.png ├── frame016.png ├── frame017.png ├── frame018.png ├── frame019.png ├── frame020.png ├── frame021.png ├── frame022.png ├── frame023.png ├── frame024.png ├── frame025.png ├── frame026.png ├── frame027.png ├── frame028.png ├── frame029.png ├── frame030.png ├── frame031.png ├── frame032.png ├── frame033.png ├── frame034.png ├── frame035.png ├── frame036.png ├── frame037.png ├── frame038.png ├── frame039.png ├── frame040.png ├── frame041.png ├── frame042.png ├── frame043.png ├── frame044.png ├── frame045.png ├── frame046.png ├── frame047.png ├── frame048.png ├── frame049.png ├── frame050.png ├── frame051.png ├── frame052.png ├── frame053.png ├── frame054.png ├── frame055.png ├── frame056.png ├── frame057.png ├── frame058.png ├── frame059.png ├── frame060.png ├── frame061.png ├── frame062.png ├── frame063.png ├── frame064.png ├── frame065.png ├── frame066.png ├── frame067.png ├── frame068.png ├── frame069.png ├── frame070.png ├── frame071.png ├── frame072.png ├── frame073.png ├── frame074.png ├── frame075.png ├── frame076.png ├── frame077.png ├── frame078.png ├── frame079.png ├── frame080.png ├── frame081.png ├── frame082.png ├── frame083.png ├── frame084.png ├── frame085.png ├── frame086.png ├── frame087.png ├── frame088.png ├── frame089.png ├── frame090.png ├── frame091.png ├── frame092.png ├── frame093.png ├── frame094.png ├── frame095.png ├── frame096.png ├── frame097.png ├── frame098.png ├── frame099.png ├── frame100.png ├── frame101.png ├── frame102.png ├── frame103.png ├── frame104.png ├── frame105.png ├── frame106.png ├── frame107.png ├── frame108.png ├── frame109.png ├── frame110.png ├── frame111.png ├── frame112.png ├── frame113.png ├── frame114.png ├── frame115.png ├── frame116.png ├── frame117.png ├── frame118.png ├── frame119.png ├── frame120.png ├── frame121.png ├── frame122.png ├── frame123.png ├── frame124.png ├── frame125.png ├── frame126.png ├── frame127.png ├── frame128.png ├── frame129.png ├── frame130.png ├── frame131.png ├── frame132.png ├── frame133.png ├── frame134.png ├── frame135.png ├── frame136.png ├── frame137.png ├── frame138.png ├── frame139.png ├── frame140.png ├── frame141.png ├── frame142.png ├── frame143.png ├── frame144.png ├── frame145.png ├── frame146.png ├── frame147.png ├── frame148.png ├── frame149.png ├── frame150.png ├── frame151.png ├── frame152.png ├── frame153.png ├── frame154.png ├── frame155.png ├── frame156.png ├── frame157.png ├── frame158.png ├── frame159.png ├── frame160.png ├── frame161.png ├── frame162.png ├── frame163.png ├── frame164.png ├── frame165.png ├── frame166.png ├── frame167.png ├── frame168.png ├── frame169.png ├── frame170.png ├── frame171.png ├── frame172.png ├── frame173.png ├── frame174.png ├── frame175.png ├── frame176.png ├── frame177.png ├── frame178.png ├── frame179.png ├── frame180.png ├── frame181.png ├── frame182.png ├── frame183.png ├── frame184.png ├── frame185.png ├── frame186.png ├── frame187.png ├── frame188.png ├── frame189.png ├── frame190.png ├── frame191.png ├── frame192.png ├── frame193.png ├── frame194.png ├── frame195.png ├── frame196.png ├── frame197.png ├── frame198.png ├── frame199.png ├── frame200.png ├── frame201.png ├── frame202.png ├── frame203.png ├── frame204.png ├── frame205.png ├── frame206.png ├── frame207.png ├── frame208.png ├── frame209.png ├── frame210.png ├── frame211.png ├── frame212.png ├── frame213.png ├── frame214.png ├── frame215.png ├── frame216.png ├── frame217.png ├── frame218.png ├── frame219.png ├── frame220.png ├── frame221.png ├── frame222.png ├── frame223.png ├── frame224.png ├── frame225.png ├── frame226.png ├── frame227.png ├── frame228.png ├── frame229.png ├── frame230.png ├── frame231.png ├── frame232.png ├── frame233.png ├── frame234.png ├── frame235.png ├── frame236.png ├── frame237.png ├── frame238.png ├── frame239.png ├── frame240.png ├── frame241.png ├── frame242.png ├── frame243.png ├── frame244.png ├── frame245.png ├── frame246.png ├── frame247.png ├── frame248.png ├── frame249.png ├── frame250.png ├── frame251.png ├── frame252.png ├── frame253.png ├── frame254.png ├── frame255.png ├── frame256.png ├── frame257.png ├── frame258.png ├── frame259.png ├── frame260.png ├── frame261.png ├── frame262.png ├── frame263.png ├── frame264.png ├── frame265.png ├── frame266.png ├── frame267.png ├── frame268.png ├── frame269.png ├── frame270.png ├── frame271.png └── frame272.png ├── remotion.config.ts ├── src ├── Animoji.tsx ├── Background.tsx ├── Composition.tsx ├── Dot.tsx ├── Dots.tsx ├── Explosion.tsx ├── Move.tsx ├── RedHeart.tsx ├── RedHearts.tsx ├── Root.tsx ├── Shrinking.tsx ├── SlowedTrail.tsx ├── Star.tsx ├── Stars.tsx ├── Trail.tsx ├── YellowHeart.tsx ├── YellowHearts.tsx └── index.ts └── tsconfig.json /.eslintrc: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "@remotion" 3 | } 4 | -------------------------------------------------------------------------------- /.gitattributes: -------------------------------------------------------------------------------- 1 | # Auto detect text files and perform LF normalization 2 | * text=auto 3 | -------------------------------------------------------------------------------- /.github/workflows/render-video.yml: -------------------------------------------------------------------------------- 1 | on: workflow_dispatch 2 | 3 | name: Render video 4 | jobs: 5 | render: 6 | name: Render video 7 | runs-on: ubuntu-latest 8 | steps: 9 | - uses: actions/checkout@main 10 | - uses: actions/setup-node@main 11 | - run: sudo apt update 12 | - run: sudo apt install ffmpeg 13 | - run: npm i 14 | - run: echo $WORKFLOW_INPUT > input-props.json 15 | env: 16 | WORKFLOW_INPUT: ${{ toJson(github.event.inputs) }} 17 | - run: npm run build -- --props="./input-props.json" 18 | - uses: actions/upload-artifact@v2 19 | with: 20 | name: video.mp4 21 | path: out/video.mp4 22 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | .DS_Store 4 | .env 5 | 6 | # Ignore the output video from Git but not videos you import into src/. 7 | out 8 | -------------------------------------------------------------------------------- /.prettierrc: -------------------------------------------------------------------------------- 1 | { 2 | "singleQuote": true, 3 | "bracketSpacing": false, 4 | "jsxBracketSameLine": false, 5 | "useTabs": true, 6 | "overrides": [ 7 | { 8 | "files": ["*.yml"], 9 | "options": { 10 | "singleQuote": false 11 | } 12 | } 13 | ] 14 | } 15 | -------------------------------------------------------------------------------- /.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "editor.tabSize": 2, 3 | "typescript.tsdk": "node_modules/typescript/lib", 4 | "editor.codeActionsOnSave": { 5 | "source.organizeImports": false, 6 | "source.fixAll": true 7 | }, 8 | "typescript.enablePromptUseWorkspaceTsdk": true 9 | } 10 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Apple "Wow!" Tutorial 2 | 3 | Source code for our Apple "Wow!" Remotion tutorial. 4 | **Take the tutorial**: https://remotion.dev/learn/apple-wow 5 | 6 | https://user-images.githubusercontent.com/86873911/203352456-3819aa58-3e77-47fc-9516-7813bd7240fd.mp4 7 | 8 | ## Commands 9 | 10 | **Install Dependencies** 11 | 12 | ```console 13 | npm install 14 | ``` 15 | 16 | **Start Preview** 17 | 18 | ```console 19 | npm start 20 | ``` 21 | 22 | **Render video** 23 | 24 | ```console 25 | npm run build 26 | ``` 27 | 28 | **Upgrade Remotion** 29 | 30 | ```console 31 | npm run upgrade 32 | ``` 33 | 34 | ## Docs 35 | 36 | Get started with Remotion by reading the [fundamentals page](https://www.remotion.dev/docs/the-fundamentals). 37 | 38 | ## Help 39 | 40 | We provide help [on our Discord server](https://discord.gg/6VzzNDwUwV). 41 | 42 | ## Issues 43 | 44 | Found an issue with Remotion? [File an issue here](https://github.com/remotion-dev/remotion/issues/new). 45 | 46 | ## License 47 | 48 | Note that for some entities a company license is needed. Read [the terms here](https://github.com/remotion-dev/remotion/blob/main/LICENSE.md). 49 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "apple-wow-written-tutorial-final", 3 | "version": "1.0.0", 4 | "description": "My Remotion video", 5 | "scripts": { 6 | "start": "remotion studio", 7 | "build": "remotion render MyComp out/video.mp4", 8 | "upgrade": "remotion upgrade", 9 | "test": "eslint src --ext ts,tsx,js,jsx && tsc" 10 | }, 11 | "repository": {}, 12 | "license": "UNLICENSED", 13 | "devDependencies": { 14 | "@remotion/eslint-config": "4.0.4", 15 | "@types/react": "^18.0.6", 16 | "@types/web": "^0.0.61", 17 | "eslint": "^8.14.0", 18 | "prettier": "^3.0.0", 19 | "typescript": "4.6.3" 20 | }, 21 | "dependencies": { 22 | "@remotion/cli": "4.0.4", 23 | "react": "^18.0.0", 24 | "react-dom": "^18.0.0", 25 | "remotion": "4.0.4" 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /public/animoji.mov: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/animoji.mov -------------------------------------------------------------------------------- /public/frame000.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame000.png -------------------------------------------------------------------------------- /public/frame001.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame001.png -------------------------------------------------------------------------------- /public/frame002.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame002.png -------------------------------------------------------------------------------- /public/frame003.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame003.png -------------------------------------------------------------------------------- /public/frame004.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame004.png -------------------------------------------------------------------------------- /public/frame005.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame005.png -------------------------------------------------------------------------------- /public/frame006.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame006.png -------------------------------------------------------------------------------- /public/frame007.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame007.png -------------------------------------------------------------------------------- /public/frame008.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame008.png -------------------------------------------------------------------------------- /public/frame009.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame009.png -------------------------------------------------------------------------------- /public/frame010.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame010.png -------------------------------------------------------------------------------- /public/frame011.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame011.png -------------------------------------------------------------------------------- /public/frame012.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame012.png -------------------------------------------------------------------------------- /public/frame013.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame013.png -------------------------------------------------------------------------------- /public/frame014.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame014.png -------------------------------------------------------------------------------- /public/frame015.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame015.png -------------------------------------------------------------------------------- /public/frame016.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame016.png -------------------------------------------------------------------------------- /public/frame017.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame017.png -------------------------------------------------------------------------------- /public/frame018.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame018.png -------------------------------------------------------------------------------- /public/frame019.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame019.png -------------------------------------------------------------------------------- /public/frame020.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame020.png -------------------------------------------------------------------------------- /public/frame021.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame021.png -------------------------------------------------------------------------------- /public/frame022.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame022.png -------------------------------------------------------------------------------- /public/frame023.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame023.png -------------------------------------------------------------------------------- /public/frame024.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame024.png -------------------------------------------------------------------------------- /public/frame025.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame025.png -------------------------------------------------------------------------------- /public/frame026.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame026.png -------------------------------------------------------------------------------- /public/frame027.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame027.png -------------------------------------------------------------------------------- /public/frame028.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame028.png -------------------------------------------------------------------------------- /public/frame029.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame029.png -------------------------------------------------------------------------------- /public/frame030.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame030.png -------------------------------------------------------------------------------- /public/frame031.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame031.png -------------------------------------------------------------------------------- /public/frame032.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame032.png -------------------------------------------------------------------------------- /public/frame033.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame033.png -------------------------------------------------------------------------------- /public/frame034.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame034.png -------------------------------------------------------------------------------- /public/frame035.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame035.png -------------------------------------------------------------------------------- /public/frame036.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame036.png -------------------------------------------------------------------------------- /public/frame037.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame037.png -------------------------------------------------------------------------------- /public/frame038.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame038.png -------------------------------------------------------------------------------- /public/frame039.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame039.png -------------------------------------------------------------------------------- /public/frame040.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame040.png -------------------------------------------------------------------------------- /public/frame041.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame041.png -------------------------------------------------------------------------------- /public/frame042.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame042.png -------------------------------------------------------------------------------- /public/frame043.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame043.png -------------------------------------------------------------------------------- /public/frame044.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame044.png -------------------------------------------------------------------------------- /public/frame045.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame045.png -------------------------------------------------------------------------------- /public/frame046.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame046.png -------------------------------------------------------------------------------- /public/frame047.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame047.png -------------------------------------------------------------------------------- /public/frame048.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame048.png -------------------------------------------------------------------------------- /public/frame049.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame049.png -------------------------------------------------------------------------------- /public/frame050.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame050.png -------------------------------------------------------------------------------- /public/frame051.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame051.png -------------------------------------------------------------------------------- /public/frame052.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame052.png -------------------------------------------------------------------------------- /public/frame053.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame053.png -------------------------------------------------------------------------------- /public/frame054.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame054.png -------------------------------------------------------------------------------- /public/frame055.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame055.png -------------------------------------------------------------------------------- /public/frame056.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame056.png -------------------------------------------------------------------------------- /public/frame057.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame057.png -------------------------------------------------------------------------------- /public/frame058.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame058.png -------------------------------------------------------------------------------- /public/frame059.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame059.png -------------------------------------------------------------------------------- /public/frame060.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame060.png -------------------------------------------------------------------------------- /public/frame061.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame061.png -------------------------------------------------------------------------------- /public/frame062.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame062.png -------------------------------------------------------------------------------- /public/frame063.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame063.png -------------------------------------------------------------------------------- /public/frame064.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame064.png -------------------------------------------------------------------------------- /public/frame065.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame065.png -------------------------------------------------------------------------------- /public/frame066.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame066.png -------------------------------------------------------------------------------- /public/frame067.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame067.png -------------------------------------------------------------------------------- /public/frame068.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame068.png -------------------------------------------------------------------------------- /public/frame069.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame069.png -------------------------------------------------------------------------------- /public/frame070.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame070.png -------------------------------------------------------------------------------- /public/frame071.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame071.png -------------------------------------------------------------------------------- /public/frame072.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame072.png -------------------------------------------------------------------------------- /public/frame073.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame073.png -------------------------------------------------------------------------------- /public/frame074.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame074.png -------------------------------------------------------------------------------- /public/frame075.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame075.png -------------------------------------------------------------------------------- /public/frame076.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame076.png -------------------------------------------------------------------------------- /public/frame077.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame077.png -------------------------------------------------------------------------------- /public/frame078.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame078.png -------------------------------------------------------------------------------- /public/frame079.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame079.png -------------------------------------------------------------------------------- /public/frame080.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame080.png -------------------------------------------------------------------------------- /public/frame081.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame081.png -------------------------------------------------------------------------------- /public/frame082.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame082.png -------------------------------------------------------------------------------- /public/frame083.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame083.png -------------------------------------------------------------------------------- /public/frame084.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame084.png -------------------------------------------------------------------------------- /public/frame085.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame085.png -------------------------------------------------------------------------------- /public/frame086.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame086.png -------------------------------------------------------------------------------- /public/frame087.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame087.png -------------------------------------------------------------------------------- /public/frame088.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame088.png -------------------------------------------------------------------------------- /public/frame089.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame089.png -------------------------------------------------------------------------------- /public/frame090.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame090.png -------------------------------------------------------------------------------- /public/frame091.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame091.png -------------------------------------------------------------------------------- /public/frame092.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame092.png -------------------------------------------------------------------------------- /public/frame093.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame093.png -------------------------------------------------------------------------------- /public/frame094.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame094.png -------------------------------------------------------------------------------- /public/frame095.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame095.png -------------------------------------------------------------------------------- /public/frame096.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame096.png -------------------------------------------------------------------------------- /public/frame097.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame097.png -------------------------------------------------------------------------------- /public/frame098.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame098.png -------------------------------------------------------------------------------- /public/frame099.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame099.png -------------------------------------------------------------------------------- /public/frame100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame100.png -------------------------------------------------------------------------------- /public/frame101.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame101.png -------------------------------------------------------------------------------- /public/frame102.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame102.png -------------------------------------------------------------------------------- /public/frame103.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame103.png -------------------------------------------------------------------------------- /public/frame104.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame104.png -------------------------------------------------------------------------------- /public/frame105.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame105.png -------------------------------------------------------------------------------- /public/frame106.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame106.png -------------------------------------------------------------------------------- /public/frame107.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame107.png -------------------------------------------------------------------------------- /public/frame108.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame108.png -------------------------------------------------------------------------------- /public/frame109.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame109.png -------------------------------------------------------------------------------- /public/frame110.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame110.png -------------------------------------------------------------------------------- /public/frame111.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame111.png -------------------------------------------------------------------------------- /public/frame112.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame112.png -------------------------------------------------------------------------------- /public/frame113.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame113.png -------------------------------------------------------------------------------- /public/frame114.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame114.png -------------------------------------------------------------------------------- /public/frame115.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame115.png -------------------------------------------------------------------------------- /public/frame116.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame116.png -------------------------------------------------------------------------------- /public/frame117.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame117.png -------------------------------------------------------------------------------- /public/frame118.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame118.png -------------------------------------------------------------------------------- /public/frame119.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame119.png -------------------------------------------------------------------------------- /public/frame120.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame120.png -------------------------------------------------------------------------------- /public/frame121.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame121.png -------------------------------------------------------------------------------- /public/frame122.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame122.png -------------------------------------------------------------------------------- /public/frame123.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame123.png -------------------------------------------------------------------------------- /public/frame124.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame124.png -------------------------------------------------------------------------------- /public/frame125.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame125.png -------------------------------------------------------------------------------- /public/frame126.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame126.png -------------------------------------------------------------------------------- /public/frame127.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame127.png -------------------------------------------------------------------------------- /public/frame128.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame128.png -------------------------------------------------------------------------------- /public/frame129.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame129.png -------------------------------------------------------------------------------- /public/frame130.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame130.png -------------------------------------------------------------------------------- /public/frame131.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame131.png -------------------------------------------------------------------------------- /public/frame132.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame132.png -------------------------------------------------------------------------------- /public/frame133.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame133.png -------------------------------------------------------------------------------- /public/frame134.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame134.png -------------------------------------------------------------------------------- /public/frame135.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame135.png -------------------------------------------------------------------------------- /public/frame136.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame136.png -------------------------------------------------------------------------------- /public/frame137.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame137.png -------------------------------------------------------------------------------- /public/frame138.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame138.png -------------------------------------------------------------------------------- /public/frame139.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame139.png -------------------------------------------------------------------------------- /public/frame140.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame140.png -------------------------------------------------------------------------------- /public/frame141.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame141.png -------------------------------------------------------------------------------- /public/frame142.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame142.png -------------------------------------------------------------------------------- /public/frame143.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame143.png -------------------------------------------------------------------------------- /public/frame144.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame144.png -------------------------------------------------------------------------------- /public/frame145.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame145.png -------------------------------------------------------------------------------- /public/frame146.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame146.png -------------------------------------------------------------------------------- /public/frame147.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame147.png -------------------------------------------------------------------------------- /public/frame148.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame148.png -------------------------------------------------------------------------------- /public/frame149.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame149.png -------------------------------------------------------------------------------- /public/frame150.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame150.png -------------------------------------------------------------------------------- /public/frame151.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame151.png -------------------------------------------------------------------------------- /public/frame152.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame152.png -------------------------------------------------------------------------------- /public/frame153.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame153.png -------------------------------------------------------------------------------- /public/frame154.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame154.png -------------------------------------------------------------------------------- /public/frame155.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame155.png -------------------------------------------------------------------------------- /public/frame156.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame156.png -------------------------------------------------------------------------------- /public/frame157.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame157.png -------------------------------------------------------------------------------- /public/frame158.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame158.png -------------------------------------------------------------------------------- /public/frame159.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame159.png -------------------------------------------------------------------------------- /public/frame160.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame160.png -------------------------------------------------------------------------------- /public/frame161.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame161.png -------------------------------------------------------------------------------- /public/frame162.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame162.png -------------------------------------------------------------------------------- /public/frame163.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame163.png -------------------------------------------------------------------------------- /public/frame164.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame164.png -------------------------------------------------------------------------------- /public/frame165.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame165.png -------------------------------------------------------------------------------- /public/frame166.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame166.png -------------------------------------------------------------------------------- /public/frame167.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame167.png -------------------------------------------------------------------------------- /public/frame168.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame168.png -------------------------------------------------------------------------------- /public/frame169.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame169.png -------------------------------------------------------------------------------- /public/frame170.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame170.png -------------------------------------------------------------------------------- /public/frame171.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame171.png -------------------------------------------------------------------------------- /public/frame172.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame172.png -------------------------------------------------------------------------------- /public/frame173.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame173.png -------------------------------------------------------------------------------- /public/frame174.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame174.png -------------------------------------------------------------------------------- /public/frame175.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame175.png -------------------------------------------------------------------------------- /public/frame176.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame176.png -------------------------------------------------------------------------------- /public/frame177.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame177.png -------------------------------------------------------------------------------- /public/frame178.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame178.png -------------------------------------------------------------------------------- /public/frame179.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame179.png -------------------------------------------------------------------------------- /public/frame180.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame180.png -------------------------------------------------------------------------------- /public/frame181.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame181.png -------------------------------------------------------------------------------- /public/frame182.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame182.png -------------------------------------------------------------------------------- /public/frame183.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame183.png -------------------------------------------------------------------------------- /public/frame184.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame184.png -------------------------------------------------------------------------------- /public/frame185.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame185.png -------------------------------------------------------------------------------- /public/frame186.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame186.png -------------------------------------------------------------------------------- /public/frame187.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame187.png -------------------------------------------------------------------------------- /public/frame188.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame188.png -------------------------------------------------------------------------------- /public/frame189.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame189.png -------------------------------------------------------------------------------- /public/frame190.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame190.png -------------------------------------------------------------------------------- /public/frame191.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame191.png -------------------------------------------------------------------------------- /public/frame192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame192.png -------------------------------------------------------------------------------- /public/frame193.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame193.png -------------------------------------------------------------------------------- /public/frame194.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame194.png -------------------------------------------------------------------------------- /public/frame195.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame195.png -------------------------------------------------------------------------------- /public/frame196.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame196.png -------------------------------------------------------------------------------- /public/frame197.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame197.png -------------------------------------------------------------------------------- /public/frame198.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame198.png -------------------------------------------------------------------------------- /public/frame199.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame199.png -------------------------------------------------------------------------------- /public/frame200.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame200.png -------------------------------------------------------------------------------- /public/frame201.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame201.png -------------------------------------------------------------------------------- /public/frame202.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame202.png -------------------------------------------------------------------------------- /public/frame203.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame203.png -------------------------------------------------------------------------------- /public/frame204.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame204.png -------------------------------------------------------------------------------- /public/frame205.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame205.png -------------------------------------------------------------------------------- /public/frame206.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame206.png -------------------------------------------------------------------------------- /public/frame207.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame207.png -------------------------------------------------------------------------------- /public/frame208.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame208.png -------------------------------------------------------------------------------- /public/frame209.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame209.png -------------------------------------------------------------------------------- /public/frame210.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame210.png -------------------------------------------------------------------------------- /public/frame211.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame211.png -------------------------------------------------------------------------------- /public/frame212.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame212.png -------------------------------------------------------------------------------- /public/frame213.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame213.png -------------------------------------------------------------------------------- /public/frame214.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame214.png -------------------------------------------------------------------------------- /public/frame215.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame215.png -------------------------------------------------------------------------------- /public/frame216.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame216.png -------------------------------------------------------------------------------- /public/frame217.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame217.png -------------------------------------------------------------------------------- /public/frame218.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame218.png -------------------------------------------------------------------------------- /public/frame219.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame219.png -------------------------------------------------------------------------------- /public/frame220.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame220.png -------------------------------------------------------------------------------- /public/frame221.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame221.png -------------------------------------------------------------------------------- /public/frame222.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame222.png -------------------------------------------------------------------------------- /public/frame223.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame223.png -------------------------------------------------------------------------------- /public/frame224.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame224.png -------------------------------------------------------------------------------- /public/frame225.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame225.png -------------------------------------------------------------------------------- /public/frame226.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame226.png -------------------------------------------------------------------------------- /public/frame227.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame227.png -------------------------------------------------------------------------------- /public/frame228.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame228.png -------------------------------------------------------------------------------- /public/frame229.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame229.png -------------------------------------------------------------------------------- /public/frame230.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame230.png -------------------------------------------------------------------------------- /public/frame231.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame231.png -------------------------------------------------------------------------------- /public/frame232.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame232.png -------------------------------------------------------------------------------- /public/frame233.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame233.png -------------------------------------------------------------------------------- /public/frame234.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame234.png -------------------------------------------------------------------------------- /public/frame235.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame235.png -------------------------------------------------------------------------------- /public/frame236.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame236.png -------------------------------------------------------------------------------- /public/frame237.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame237.png -------------------------------------------------------------------------------- /public/frame238.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame238.png -------------------------------------------------------------------------------- /public/frame239.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame239.png -------------------------------------------------------------------------------- /public/frame240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame240.png -------------------------------------------------------------------------------- /public/frame241.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame241.png -------------------------------------------------------------------------------- /public/frame242.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame242.png -------------------------------------------------------------------------------- /public/frame243.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame243.png -------------------------------------------------------------------------------- /public/frame244.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame244.png -------------------------------------------------------------------------------- /public/frame245.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame245.png -------------------------------------------------------------------------------- /public/frame246.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame246.png -------------------------------------------------------------------------------- /public/frame247.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame247.png -------------------------------------------------------------------------------- /public/frame248.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame248.png -------------------------------------------------------------------------------- /public/frame249.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame249.png -------------------------------------------------------------------------------- /public/frame250.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame250.png -------------------------------------------------------------------------------- /public/frame251.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame251.png -------------------------------------------------------------------------------- /public/frame252.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame252.png -------------------------------------------------------------------------------- /public/frame253.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame253.png -------------------------------------------------------------------------------- /public/frame254.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame254.png -------------------------------------------------------------------------------- /public/frame255.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame255.png -------------------------------------------------------------------------------- /public/frame256.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame256.png -------------------------------------------------------------------------------- /public/frame257.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame257.png -------------------------------------------------------------------------------- /public/frame258.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame258.png -------------------------------------------------------------------------------- /public/frame259.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame259.png -------------------------------------------------------------------------------- /public/frame260.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame260.png -------------------------------------------------------------------------------- /public/frame261.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame261.png -------------------------------------------------------------------------------- /public/frame262.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame262.png -------------------------------------------------------------------------------- /public/frame263.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame263.png -------------------------------------------------------------------------------- /public/frame264.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame264.png -------------------------------------------------------------------------------- /public/frame265.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame265.png -------------------------------------------------------------------------------- /public/frame266.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame266.png -------------------------------------------------------------------------------- /public/frame267.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame267.png -------------------------------------------------------------------------------- /public/frame268.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame268.png -------------------------------------------------------------------------------- /public/frame269.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame269.png -------------------------------------------------------------------------------- /public/frame270.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame270.png -------------------------------------------------------------------------------- /public/frame271.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame271.png -------------------------------------------------------------------------------- /public/frame272.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/remotion-dev/apple-wow-tutorial/HEAD/public/frame272.png -------------------------------------------------------------------------------- /remotion.config.ts: -------------------------------------------------------------------------------- 1 | import {Config} from '@remotion/cli/config'; 2 | 3 | Config.setVideoImageFormat('jpeg'); 4 | Config.setOverwriteOutput(true); 5 | -------------------------------------------------------------------------------- /src/Animoji.tsx: -------------------------------------------------------------------------------- 1 | import {staticFile, useCurrentFrame} from 'remotion'; 2 | import {Img} from 'remotion'; 3 | import {AbsoluteFill} from 'remotion'; 4 | import React from 'react'; 5 | 6 | export const Memoji: React.FC = () => { 7 | const frame = useCurrentFrame(); 8 | 9 | const src = `frame${(frame * 2).toString().padStart(3, '0')}.png`; 10 | 11 | return ( 12 | 19 | 25 | 26 | ); 27 | }; 28 | -------------------------------------------------------------------------------- /src/Background.tsx: -------------------------------------------------------------------------------- 1 | import {AbsoluteFill} from 'remotion'; 2 | import React from 'react'; 3 | 4 | export const Background: React.FC = () => { 5 | return ( 6 | 11 | ); 12 | }; 13 | -------------------------------------------------------------------------------- /src/Composition.tsx: -------------------------------------------------------------------------------- 1 | import {Background} from './Background'; 2 | import {AbsoluteFill} from 'remotion'; 3 | import {Dots} from './Dots'; 4 | import {RedHearts} from './RedHearts'; 5 | import {YellowHearts} from './YellowHearts'; 6 | import {Stars} from './Stars'; 7 | import {Slowed} from './SlowedTrail'; 8 | import {Memoji} from './Animoji'; 9 | 10 | export const MyComposition = () => { 11 | return ( 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | ); 23 | }; 24 | -------------------------------------------------------------------------------- /src/Dot.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import {AbsoluteFill} from 'remotion'; 3 | 4 | export const Dot: React.FC = () => { 5 | return ( 6 | 12 |
20 | 21 | ); 22 | }; 23 | -------------------------------------------------------------------------------- /src/Dots.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import {Sequence} from 'remotion'; 3 | import {Dot} from './Dot'; 4 | import {Explosion} from './Explosion'; 5 | import {Shrinking} from './Shrinking'; 6 | import {Trail} from './Trail'; 7 | 8 | export const Dots: React.FC = () => { 9 | return ( 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | ); 20 | }; 21 | -------------------------------------------------------------------------------- /src/Explosion.tsx: -------------------------------------------------------------------------------- 1 | import {AbsoluteFill} from 'remotion'; 2 | import React from 'react'; 3 | 4 | const AMOUNT = 10; 5 | 6 | export const Explosion: React.FC<{ 7 | children: React.ReactNode; 8 | }> = ({children}) => { 9 | return ( 10 | 11 | {new Array(AMOUNT).fill(true).map((_, i) => { 12 | return ( 13 | 18 | {children} 19 | 20 | ); 21 | })} 22 | 23 | ); 24 | }; 25 | -------------------------------------------------------------------------------- /src/Move.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import {AbsoluteFill} from 'remotion'; 3 | import {interpolate} from 'remotion'; 4 | import {spring} from 'remotion'; 5 | import {useCurrentFrame} from 'remotion'; 6 | import {useVideoConfig} from 'remotion'; 7 | 8 | export const Move: React.FC<{ 9 | children: React.ReactNode; 10 | delay: number; 11 | }> = ({children, delay}) => { 12 | const {fps} = useVideoConfig(); 13 | const frame = useCurrentFrame(); 14 | 15 | const down = spring({ 16 | fps, 17 | frame: frame - delay, 18 | config: { 19 | damping: 200, 20 | }, 21 | durationInFrames: 120, 22 | }); 23 | 24 | const y = interpolate(down, [0, 1], [0, -400]); 25 | 26 | return ( 27 | 32 | {children} 33 | 34 | ); 35 | }; 36 | -------------------------------------------------------------------------------- /src/RedHeart.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import {AbsoluteFill} from 'remotion'; 3 | 4 | export const RedHeart: React.FC = () => { 5 | return ( 6 | 12 | ❤️ 13 | 14 | ); 15 | }; 16 | -------------------------------------------------------------------------------- /src/RedHearts.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import {AbsoluteFill} from 'remotion'; 3 | import {Explosion} from './Explosion'; 4 | import {Move} from './Move'; 5 | import {RedHeart} from './RedHeart'; 6 | import {Shrinking} from './Shrinking'; 7 | 8 | export const RedHearts: React.FC = () => { 9 | return ( 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | ); 20 | }; 21 | -------------------------------------------------------------------------------- /src/Root.tsx: -------------------------------------------------------------------------------- 1 | import {Composition} from 'remotion'; 2 | import {MyComposition} from './Composition'; 3 | 4 | export const RemotionRoot: React.FC = () => { 5 | return ( 6 | <> 7 | 15 | 16 | ); 17 | }; 18 | -------------------------------------------------------------------------------- /src/Shrinking.tsx: -------------------------------------------------------------------------------- 1 | import {interpolate, useCurrentFrame} from 'remotion'; 2 | import {AbsoluteFill} from 'remotion'; 3 | import React from 'react'; 4 | 5 | export const Shrinking: React.FC<{ 6 | children: React.ReactNode; 7 | }> = ({children}) => { 8 | const frame = useCurrentFrame(); 9 | 10 | return ( 11 | 21 | {children} 22 | 23 | ); 24 | }; 25 | -------------------------------------------------------------------------------- /src/SlowedTrail.tsx: -------------------------------------------------------------------------------- 1 | import {Freeze} from 'remotion'; 2 | import {interpolate} from 'remotion'; 3 | import {useCurrentFrame} from 'remotion'; 4 | import React from 'react'; 5 | 6 | // RemapSpeed is a helper function for the component [Slowed] that takes a frame number and a speed 7 | const remapSpeed = ({ 8 | frame, 9 | speed, 10 | }: { 11 | frame: number; 12 | speed: (fr: number) => number; 13 | }) => { 14 | let framesPassed = 0; 15 | for (let i = 0; i <= frame; i++) { 16 | framesPassed += speed(i); 17 | } 18 | 19 | return framesPassed; 20 | }; 21 | 22 | export const Slowed: React.FC<{ 23 | children: React.ReactNode; 24 | }> = ({children}) => { 25 | const frame = useCurrentFrame(); 26 | const remappedFrame = remapSpeed({ 27 | frame, 28 | speed: (f) => 29 | interpolate(f, [0, 20, 21], [1.5, 1.5, 0.5], { 30 | extrapolateRight: 'clamp', 31 | }), 32 | }); 33 | 34 | return {children}; 35 | }; 36 | -------------------------------------------------------------------------------- /src/Star.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import {AbsoluteFill} from 'remotion'; 3 | 4 | export const Star: React.FC = () => { 5 | return ( 6 | 13 | ⭐ 14 | 15 | ); 16 | }; 17 | -------------------------------------------------------------------------------- /src/Stars.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import {AbsoluteFill} from 'remotion'; 3 | import {Explosion} from './Explosion'; 4 | import {Shrinking} from './Shrinking'; 5 | import {Star} from './Star'; 6 | import {Trail} from './Trail'; 7 | 8 | export const Stars: React.FC = () => { 9 | return ( 10 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | ); 24 | }; 25 | -------------------------------------------------------------------------------- /src/Trail.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import {AbsoluteFill, Sequence} from 'remotion'; 3 | import {Move} from './Move'; 4 | 5 | export const Trail: React.FC<{ 6 | amount: number; 7 | extraOffset: number; 8 | children: React.ReactNode; 9 | }> = ({amount, extraOffset, children}) => { 10 | return ( 11 | 12 | {new Array(amount).fill(true).map((a, i) => { 13 | return ( 14 | 15 | 20 | 21 | 26 | {children} 27 | 28 | 29 | 30 | 31 | ); 32 | })} 33 | 34 | ); 35 | }; 36 | -------------------------------------------------------------------------------- /src/YellowHeart.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import {AbsoluteFill} from 'remotion'; 3 | 4 | export const YellowHeart: React.FC = () => { 5 | return ( 6 | 12 | 💛 13 | 14 | ); 15 | }; 16 | -------------------------------------------------------------------------------- /src/YellowHearts.tsx: -------------------------------------------------------------------------------- 1 | import {AbsoluteFill} from 'remotion'; 2 | import React from 'react'; 3 | import {Explosion} from './Explosion'; 4 | import {YellowHeart} from './YellowHeart'; 5 | import {Shrinking} from './Shrinking'; 6 | import {Move} from './Move'; 7 | 8 | export const YellowHearts: React.FC = () => { 9 | return ( 10 | 15 | 16 | 17 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | ); 30 | }; 31 | -------------------------------------------------------------------------------- /src/index.ts: -------------------------------------------------------------------------------- 1 | import {registerRoot} from 'remotion'; 2 | import {RemotionRoot} from './Root'; 3 | 4 | registerRoot(RemotionRoot); 5 | -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "target": "ES2018", 4 | "module": "commonjs", 5 | "jsx": "react-jsx", 6 | "outDir": "./dist", 7 | "strict": true, 8 | "noEmit": true, 9 | "lib": ["es2015"], 10 | "esModuleInterop": true, 11 | "skipLibCheck": true, 12 | "forceConsistentCasingInFileNames": true 13 | } 14 | } 15 | --------------------------------------------------------------------------------