LightSweep
光の帯が画面を横切ります。
import { useVideoConfig } from 'remotion'
import { SceneLayer, SceneStage, secondsToFrameRange } from 'framoo/core'
import { LightSweep } from 'framoo/atmosphere'
export const LightSweepPreview = () => {
const { fps } = useVideoConfig()
const sweepDuration = secondsToFrameRange(0, 5, fps).durationInFrames
return (
<SceneStage>
<SceneLayer followsCamera>
{/* 背景画像など */}
<LightSweep
color="#fff0cb"
durationInFrames={sweepDuration}
opacity={0.78}
angleDegrees={25}
/>
</SceneLayer>
</SceneStage>
)
}API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
color |
string |
#ffe5b5 |
光の色。 |
durationInFrames |
number |
省略時は5秒分 | 光の帯が画面を横切る長さ。 |
opacity |
number |
0.16 |
光の最大不透明度。0から1。 |
angleDegrees |
number |
25 |
光の帯の角度。CSSで使う度単位の角度。 |