ColorPulse

import { useVideoConfig } from 'remotion'
import {
  SceneLayer,
  SceneStage,
  secondsToFrameRange,
  secondsToFrames,
} from 'framoo/core'
import { ColorPulse } from 'framoo/atmosphere'

export const ColorPulsePreview = () => {
  const { fps } = useVideoConfig()
  const cueTimesInSeconds = [0, 1.6, 3.2, 4.8]
  const decayInFrames = secondsToFrameRange(0, 11 / 30, fps).durationInFrames

  return (
    <SceneStage>
      <SceneLayer followsCamera>
        {/* 背景画像など */}
        <ColorPulse
          cueFrames={cueTimesInSeconds.map((seconds) =>
            secondsToFrames(seconds, fps),
          )}
          color="#ff9d36"
          intensity={0.2}
          decayInFrames={decayInFrames}
        />
      </SceneLayer>
    </SceneStage>
  )
}