Flash で画像を循環(ループ)スクロールさせる方法 (安倍)  12/6/1改

 スクロールさせる画像の準備 

 画像を右方向に循環スクロールさせるには、下の2条件が必要。

  1. 単位画像および、1サイクル両サイドを相互に連続的に繋がるようにする。
    → 画像ソフトで修正加工する。(下図・1)  フリーソフトあり※)

  2. 1サイクル最初の表示画面と、最終表示画面を一致させる(同一表示画面にする)。
    → 必要に応じて、右端、表示窓幅分(A)図・2 を左端に追加する。(図・3)。 → Flash制作1
    → あるいは、原図をそのまま2レイヤーで使う。 → Flash制作2

図・1 スクロールさせる原図
図・2 図・1の右端、表示窓幅分(A)
 
図・3 図・1の右端、表示窓幅分(A)を左端に追加した図。

複数の写真をつないで横長のパノラマにするぐソフト
http://www.mars.dti.ne.jp/koitiro/shashin/ms-ice_usage.html

 Flash制作 1 (1レイヤー法)

右へ移動するフラッシュ制作 (下図 レイヤー 移動図 参照)
レイヤー スタート位置: 図3の右端を表示窓右端に置く。
レイヤー 移動終了位置: 図3の左端を表示窓左端に置く。

 Flash制作 2 (2レイヤー法)

原図・1 をそのまま使用する(レイヤー1)。 表示窓幅分の図・2を別のレイヤー2として使用する。


完成 下図は1レイヤー法を使ったが2レイヤー法でも同じ図ができる。

  

※)複数画像を連続につなぐフリーソフト:

http://www2g.biglobe.ne.jp/~farruca/pano/
http://www.xucker.jpn.org/pc/makepanorama.html

http://hokanko2008.seesaa.net/article/125164831.html

 アニメFlashで 背景を循環スクロールさせる応用例 ()


 こちらのページ

このページでの使用ソフト:かんたんWEBアニメーター

BACK

inserted by FC2 system