波形グラデーションが描画された画像(540x300px)の-60度方向移動をカスタムエフェクトで定義しました。

3枚の波形グラデーション画像を等速移動させています。目の錯覚で揺れているように見えると思います。

-60度方向への移動については、関連記事『FPEの座標系と任意角度への移動概念』をご覧下さい。
このサンプルは別記事『移動量と角度で座標算出(JavaScript版)』を利用してエフェクト定義時の座標算出を行なっています。移動量:540、角度-60、X補正値:270、Y補正値:150としています。

波形グラデーションは透過PNGで作成してます。3枚利用していますが微妙に色を変えているのがポイントです。

画像さえ準備できればカスタムエフェクト定義はとてもシンプルです。短時間で作成できるFlashループ素材としてお勧めです。

カスタムプラグイン、カスタムエフェクトの詳しい利用方法はELZのFPEマニュアルを参照して下さい。


カスタムプラグイン画像(タイトル画像)

カスタムプラグイン画像(タイトル画像)

背景画像

背景画像

スライドショーで利用する画像の縮小イメージ

スライドショーで利用する画像の縮小イメージ

FPEに読み込ませる定義ファイル(xml)のサンプル 


<?xml version="1.0" encoding="UTF-8" ?>
<pagedata>

<common>

    <copyright>elz.jp</copyright>

    <banner_align>3</banner_align>

    <image_max>3</image_max>
    <prefix>images/loopt</prefix>

    <suffix>png</suffix>

    <effect_type>in,out</effect_type>
    <effect_time>30</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>5</plugin_align_mode>
    <plugin_base_mode>7</plugin_base_mode>

    <plugin_blend_mode>hardlight</plugin_blend_mode>

    <background>images/blue.png</background>
    <bg_effect>2</bg_effect>
    <bg_time>60</bg_time>


</common>

<effect>

    <in  x="1,270,0" y="1,150,618"  rot="0,-60" />
    <out x="1,540"   y="1,-318" />

</effect>

</pagedata>