2007.07.28

1枚の画像だけで作成されたフラッシュメニューです。別サンプル画像一枚でフラッシュメニュー作成では全てのボタン(メニュー)に同一フィルタ効果が適用されました。このメニューサンプルでは動きのあるエフェクトを、それぞれのボタンに定義しています。

Flash Button Engineの基本は2枚の『通常ボタン画像、ロールオーバー画像』を組み合わせることです。2枚以上の画像を用意することで視覚的効果はアップします。

当サンプルの定義ファイル(???.xml)

menu001.jpg
media/fbe/sample/menu001.
 
<?xml version="1.0" encoding="UTF-8" ?>
<pagedata>
<common>

    <copyright>elz.jp</copyright>

<!-- Flash表示領域定義 -->    
    <stage_width>640</stage_width>
    <stage_height>80</stage_height>

<!-- 8x1のボタン定義 -->
    <col_max>8</col_max>
    <row_max>1</row_max>

<!-- 通常ボタン画像指定 -->
    <button_normal>media/fbe/sample/menu001.jpg</button_normal>

<!-- ロールオーバーボタン画像指定(通常ボタン画像と同一ファイルを指定するのがポイントです) -->
    <button_over>media/fbe/sample/menu001.jpg</button_over>

<!-- エフェクト指定 -->
    <over_time>6</over_time>

<!-- 初期表示エフェクト指定 -->
    <init_effect>112</init_effect>
    <init_time>12</init_time>

<!-- 余白指定 -->
    <padding_bottom>30</padding_bottom>

</common>

<!-- ボタン個別情報 -->
<expert>
    <button over_effect="3218"></button>
    <button over_effect="3382"></button>
    <button over_effect="8"></button>
    <button over_effect="4512"></button>
    <button over_effect="110"></button>
    <button over_effect="704"></button>
    <button over_effect="2185"></button>
    <button over_effect="4212"></button>
</expert>

</pagedata>