# remotiong

**Repository Path**: ZenCoding/remotiong

## Basic Information

- **Project Name**: remotiong
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-04-27
- **Last Updated**: 2026-05-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Remotion Motion Lab

一个从零搭好的 Remotion 动画项目，内置首个 1920×1080 / 30FPS 的赛博霓虹开场动画 `CyberPulse`。

## 快速开始

```bash
npm install
npm run dev
```

打开 Remotion Studio 后选择 `CyberPulse` 预览动画。

## 常用命令

```bash
npm run dev       # 启动 Remotion Studio
npm run render    # 渲染 out/cyber-pulse.mp4
npm run still     # 导出第 120 帧静帧
npm run upgrade   # 升级 Remotion 相关依赖
```

## 项目结构

```txt
src/
  index.ts                  # Remotion 注册入口
  Root.tsx                  # Composition 列表
  CyberPulse.tsx            # 酷炫示例动画
  components/
    Grid.tsx                # 透视网格地面
    OrbitalRing.tsx         # 发光轨道圆环
    Particles.tsx           # 背景粒子系统
```

## 定制入口

在 `src/Root.tsx` 中修改 `defaultProps` 可以快速替换标题、副标题与主色：

```tsx
defaultProps={{
  title: 'REMOTION',
  subtitle: 'MOTION LAB INITIALIZED',
  accent: '#00f5ff',
}}
```

新增动画时，在 `src/Root.tsx` 添加新的 `Composition` 即可。