effect_302
| 目 次 | |
| 1 | サンプルと主な特徴 |
| 2 | 機能一覧およびダウンロード |
| 3 | 設置およびカスタマイズ方法 |
| 4 | 補足事項 |
１．サンプルと主な特徴
サンプル （動作サンプルは、下記画像をクリックして確認できます。）
主な特徴
- テキストや写真などの画像に適用する、輝くような効果を与えるフラッシュエフェクトです。
- 読み込む画像、複数のエフェクトの移動方向、速度、色、透明度などすべて１つの外部xmlデータで指定できます。
- 以上より、１つのXMLファイル（より自由なカスタマイズは１つのFLASHファイル）のみの修正で更新が非常に簡単です。
| 制作ソフト | FLASH CS3 Professional (for win) |
| パブリッシュ設定 | Flash Player Ver 9 |
| ActionScript 3.0 |
２．機能一覧およびダウンロード
フリー版とシェア版の機能比較とダウンロード
項目 |
フリー版 |
シェア版 |
| 読み込み画像の変更 | ○（xmlで修正可能） |
○ |
| エフェクト： 適用範囲設定 |
○ (xml) |
○ |
エフェクト： マスク色、透明度変更 |
○ (xml) |
○ |
| エフェクト： 移動方向、速度、時間変更 |
○ (xml) |
○ |
| エフェクト： 光源座標設定 |
○ (xml) |
○ |
| エフェクト： 適用条件、グラデーションカラー |
○ (xml) |
○ |
| 画像のサイズなど | ×（幅640x縦480） *1 |
○（flaファイルカスタマイズ） |
| xmlファイル名、設置位置 | × |
○ |
| ソースファイル | ×（無し） |
○（有り） |
| 必要なアプリケーションソフト | 特になし |
FLASH CS3 Pro 以上 |
| 著作権の表示（リンク表示） | 表示必要 |
表示不要 |
| 価格 | 0 円 |
6,300 円 |
| DL－Marketより購入 （※１） | DL-Market（別窓） | |
| Vectortより購入 | free_effect_302.exe | Vector(別ページ) |
Vector：解凍キー |
利用規定の最後に記載 | (Vectorより自動配布されます) |
| 備考 | *1：サンプル参照 |
（※１）Vector と DL-Market の違いについてはこちらを参照してください。 （ファイルの中身は同じものです。）
※いずれの場合もご利用の際は、「利用規定」をご確認ください。
３．設置およびカスタマイズ方法
設置方法
- htmlファイル、フォルダ構造の変更は、ダウンロードファイルを参考に修正してください。特に注意する点は下記です。
◇<ｂｏｄｙ>タグ内のjavascript 「AC_FL_RunContent()」 関数内の相対パスおよびGET値（?マーク以降）・・・フリー版のみ
'movie', 'free_effect_301?authorUrl=http://www.area115.com/&target=_blank&thisUrl=' + document.URL ,
◇<noscript>タグ内に追記 ・・・フリー版のみ
<param name="FlashVars" value="authorUrl=http://www.area115.com/&target=_blank" />
<embed ～ FlashVars="authorUrl=http://www.area115.com/&target=_blank" />
XMLファイルのカスタマイズ
- xmlフォルダ内の effect_302.xml をテキストエディターで開いて修正してください。修正後は文字コード utf-8 で保存してください。
- 修正する場所は、読み込み画像は<img>タグ内です。
- フラッシュエフェクトの各種設定は<effect>タグ内です。複数設置可能です。
- その他詳細な説明はxmlファイルにコメント文<!-- remark
-->で記述しています。
外部XMLファイル「effect_302.xml」
<?xml version="1.0"
encoding="utf-8"?>
<data version="1.00">
<information>
<name>[fp3]effect_302.swf用データ</name>
<type>ActionScropt3.0によるFLASH用Parts。フラッシュエフェクト</type>
<creationDate>2008.04.18</creationDate>
<author>FlashParts制作委員会</author>
<authorUrl>http://www.area115.com/</authorUrl>
<copyright>FlashParts制作委員会</copyright>
<version>1.00</version>
</information>
<!-- remark =
"※以下※印の付いた文字列やremarkは説明文で変更または削除しても動作には影響しません。" -->
<!-- remark = "※エフェクトの対象となるイメージ（以下※の付いた文字列やremarkは変更または削除可能です。）"
-->
<!-- remark = "※src = 相対パス、isRelativeFromHtml =
ture:htmlからの相対パス、false：swfからの相対パス" -->
<img
src="/main/img/1.png" mce_src="/main/img/1.png" alt = "※読み込み画像"
isRelativeFromHtml = "false" />
<!-- remark
= "フラッシュエフェクト" -->
<effects>
<!-- remark =
"エフェクト設定（<effect>部分は複数設置可能）" -->
<effect>
<!-- remark =
"エフェクト適用範囲：左上座標(x,y)[px]、矩形幅／高さ[px]"
-->
<area x = "0" y
= "238" width = "640" height = "36"
/>
<!-- remark =
"マスク（サイズは同上）：色(16進数表記：0x******)、透明度(0～1)"
-->
<mask color =
"0x000000" alpha = "0.5"
/>
<!-- remark =
"エフェクトの移動方向：type=0:左から右へ、type=1:右から左へ、type=2:上から下へ、type=3:下から上へ"
-->
<!-- remark = "startTime
= エフェクトの開始時間[ミリ秒]、lagTime = エフェクトの切り替え時間[ミリ秒]"
-->
<movie type =
"0" speedX = "3" speedY = "1" startTime = "0" lagTime = "30"
/>
<!-- remark =
"光源の座標(x,y)[単位：px]、speed = 速度[単位：px/lagTime]"
-->
<source x = "320" y =
"250" />
<!--
remark = "エフェクトを適用するしきい値（閾値）"
-->
<!-- remark = "operation
= 0:しきい値の色と等しい場合に適用、2:しきい値以外、2:しきい値以上、3:しきい値以下 "
-->
<!-- remark = "color =
色(16進数表記：0x******)" -->
<threshold operation = "0" color = "0xFFFFFF"
/>
<!-- remark =
"グラデーション " -->
<gradation >
<!-- remark =
"色(16進数表記：0x******)、透明度(0～1)、位置(0～255)：光源側ほど小さい、<element>は複数設置可能"
-->
<element
color = "0xFFFFFF" alpha = "1" ratios =
"0"/>
<element
color = "0xFFFFFF" alpha = "1" ratios =
"100"/>
<element
color = "0xFFFFFF" alpha = "0.8" ratios =
"200"/>
<element
color = "0xFFFFFF" alpha = "0" ratios =
"255"/>
</gradation>
</effect>
～ 中略 ～
</effects>
</data>
シェア版のカスタマイズ方法
- flaソースファイルをカスタマイズし、パブリッシュ（書き出し）する際は同梱のfp3クラスファイルが必要です。
（fp3フォルダ以下にあるasファイルすべて） - 構造は、ｆｌａファイル内で、xmlの読み込み、エフェクトインスタンスの生成などを設定し、個々の詳細な設定は、xmlを読み込むクラスなど再利用できそうな共通部分（common）とエフェクトの専用クラス(parts)を外部ａｓファイルで制作しています。
（極力カスタマイズやリユースが行いやすいようにしています。） - 構造はムービーエクスプローラーを参照してください。［ウインドウ］ ＞ ［ムービーエクスプローラー］ で表示されます。
詳しくは下記をご覧下さい。
ＦＡＱ：ソースファイル(.fla)の構造確認方法について - xmlの設置場所はswfとの相対位置で指定しています。
設置場所、xml名を変更する場合はflaファイル内のアクションスクリプトを修正してください。
flaファイル内 ActionScript
//_____________________________________________________▼ユーザー設定部分
//外部ＸＭＬデータの相対パス、文字コード（Unicodeの場合true、S-JISならfalse）
var myXmlUrl:String = "xml/effect_302.xml";
var isUnicode:Boolean = true;
//外部ファイルの相対パスは、このｓｗｆを読み込むhtmlからの相対パスか？（falseの場合、このswfからの相対パスです。）
var isRelativeFromHtml:Boolean = false;
//____________________________________________________ ▲基本的にここまで
４．補足事項
メインのアクションスクリプトの主要なポイント
- 画像上のビットマップデータを逐次解析し、所定の条件内になった場合にエフェクトを適用する。（例えばそのピクセルが白ならばフラッシュエフェクトを適用する。）
- 画像の大量のピクセルを逐次解析するため、マシンの負荷およびメモリーの使用量を極力低減する様に注意する 。（例えば未使用のイベントリスナーやインスタンスの除去、描画は線ではなく面で処理する。）
- 別のディレクトリ（フォルダ）にあるｈｔｍｌから読み込んで使用する場合、設定用のＸＭＬファイルはこのｓｗｆファイルに対して相対的なパスで指定できるようにする。（通常は表示するｈｔｍｌファイルに対する相対パスの位置に、設定用のＸＭＬファイルを設置しなければならない。）
- 複数のエフェクトを、極力簡単に外部ｘｍｌで設定できるように、複数のtypeに分ける。
- 外部パッケージクラスを利用し、ソースファイル（ｆｌａファイル）側は極力少ない１フレームアクションで処理する。（再利用性、カスタマイズ性を考えて）
重要なお知らせ
- 『ダウンロードしたファイルがローカル環境でうまく動作しない場合の対応について』
>> こちらをご覧ください。