sample template: photoGrid
【サンプル】
【ダウンロード】
【説明】
- 9分割したグリッド状の正方形の写真等をアニメーション表示するだけの、一昔前に流行したタイプの FLASHテンプレートです。テンプレートとはあまり呼べない代物で汎用性はありませんが、ウィンドウリサイズ時のオブジェクトの再配置や、背景のグラデーションアニメーション表示、また奇数か偶数かの判別式等は他の何かに流用できるかもしれません。
【使用方法】
- 1. ライブラリに p1〜p9.jpg までの写真を読み込み
- 2. 必要に応じて script フォルダ下位にある main.as を編集
- 2-a. 正方形の写真を使用し、アニメーションさせない場合は2行目の pxの値(移動距離)を 0にする
【詳細設定】
- [main.as]
-> http://atziluth.jp/sample/photoGrid/script/main.as
var num = 9; //写真(グリッド)の総数
var px = 65; //写真のアニメーション距離
var as = 2; //アルファ値の加算スピード(2/f)
var s = 0.1; //写真のアニメーションスピード
var time = getTimer(); //読み込み時の初期時間(編集不要)
var interval = 100; //各グリッドをアニメーションさせる間隔(時間差)
var blinkinterval = 4000; //写真の点滅のアニメーション開始秒数
var endinterval = 7000; //アニメーションを開始してから最後の処理をするまでの秒数
【補足】
- [main.as (20行目)] 奇数と偶数の判定式
1-i%2
//戻り値が 0なら奇数、1なら偶数
- [onResize.as] ウィンドウリサイズ時のオブジェクト再配置設定ファイル
-> http://atziluth.jp/sample/photoGrid/script/onResize.as
- [bggradConfig.as] 背景グラデーションのアニメーション設定ファイル
-> http://atziluth.jp/sample/photoGrid/script/bggradConfig.as