Skip to content
Framoo
Esc
↑↓navigate↵open⌘Jpreview
On this page

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で使う度単位の角度。

Was this page helpful?