https://github.com/remotion-dev/glb-example
Animate a .glb model in React Three Fiber
https://github.com/remotion-dev/glb-example
Last synced: 10 months ago
JSON representation
Animate a .glb model in React Three Fiber
- Host: GitHub
- URL: https://github.com/remotion-dev/glb-example
- Owner: remotion-dev
- License: mit
- Created: 2022-05-20T13:26:13.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2024-02-26T10:46:46.000Z (over 2 years ago)
- Last Synced: 2025-08-10T01:21:33.528Z (10 months ago)
- Language: TypeScript
- Homepage: https://glb-example.vercel.app
- Size: 3.04 MB
- Stars: 3
- Watchers: 2
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Remotion .glb demo
A repository showing how to import .glb files in Remotion. Ask React Three Fiber questions elsewhere, we (probably) have no idea!
- [Remotion documentation](https://remotion.dev)
- [React Three Fiber documentation](https://docs.pmnd.rs/react-three-fiber)
- [@remotion/three documentation](http://remotion.dev/docs/three)
This example features a phone with a screen. You can easily switch out the video and change a series of parameters, like size, color, aspect ratio, corner radius etc. of the phone.
You can also simply delete everything inside the canvas to start off with your own 3D project.
## Commands
**Install Dependencies**
```console
npm install
```
**Start Preview**
```console
npm start
```
**Render MP4 video**
```console
npm run build
```
**Upgrade Remotion**
```console
npm run upgrade
```
## Docs
Get started with Remotion by reading the [fundamentals page](https://www.remotion.dev/docs/the-fundamentals).
## Issues
Found an issue with Remotion? [File an issue here](https://github.com/JonnyBurger/remotion/issues/new).
## License
Note that for some entities a Remotion company license is needed.
Read [the Remotion License here](https://github.com/JonnyBurger/remotion/blob/main/LICENSE.md).
The content of this template is licensed under MIT.