BlurDissolve

Imageの切り替えとシーンジャンプで使用できます。

現在の画像から次の画像へ、ぼかしを伴ってクロスフェードします。現在の画像はぼけながらフェードアウトし、次の画像はシャープになりながら現れます。回想や夢の状態に向きます。

使い方

import { BlurDissolve } from "narraleaf-react";

image.char("image1.jpg", new BlurDissolve({ duration: 800, blur: 16 }));

パブリックメソッド

constructor

• options: BlurDissolveOptions
  • duration: number - トランジションの持続時間（ミリ秒）
  • blur?: number - 交差点で適用されるピーク時のぼかし半径（ピクセル）。デフォルトは16
  • easing?: TransformDefinitions.EasingDefinition - イージング関数。TransformDefinitions.EasingDefinitionを参照してください。