正方形サムネイル画像を使った効果(その9)
サイズの大きめな正方形サムネイル画像の回転方向転換効果をカスタムエフェクトで定義しました。
540x300pxのFlash表示枠中に、サムネイル画像(640x640px)をzoom_mode:0(オリジナルサイズ)で動作させています。登場時は30度に回転した状態で-120度の方向から表示枠中心へ等速移動します。中心部への移動が完了すると-30度の状態まで回転します。退場時はー30度の方向へ減速移動します。
このサンプルのエフェクト定義ポイントは『後半時間差系変化種別』を利用していることです。登場時のエフェクトの前半は何の変化も起こりません。後半でー120度方向から中心部への移動が行われます。退場時はエフェクト前半で30度の状態からー30度へ画像を回転させ、後半で-30度方向へ移動処理を行います。
任意角度への移動の考え方はは『-60度方向への移動効果』と同様ですので参考にして下さい。
カスタムプラグイン、カスタムエフェクトの詳しい利用方法はELZのFPEマニュアルを参照して下さい。
テロップ画像(Flash表示領域中央のタイトル用画像)
スライドショーで利用する画像の縮小イメージ
FPEに読み込ませる定義ファイル(xml)のサンプル
<?xml version="1.0" encoding="UTF-8" ?>
<pagedata>
<common>
<copyright>elz.jp</copyright>
<banner_align>3</banner_align>
<image_max>2</image_max>
<prefix>images/thumb</prefix>
<effect_type>in,out</effect_type>
<effect_time>128</effect_time>
<stop_time>0</stop_time>
<align_mode>5</align_mode>
<base_mode>5</base_mode>
<zoom_mode>0</zoom_mode>
<plugin_url>images/title001.jpg</plugin_url>
<plugin_effect_type>fe_none</plugin_effect_type>
<plugin_align_mode>4</plugin_align_mode>
<plugin_base_mode>7</plugin_base_mode>
<plugin_blend_mode>hardlight</plugin_blend_mode>
<play_mode>1</play_mode>
</common>
<effect>
<in x="201,270,-284" y="201,150,-170" rot="0,30" />
<out x="201,824" y="201,-170" rot="102,-30" />
</effect>
</pagedata>
