前回の記事の続きです

flashで簡単に作れるので、制作方法をご紹介します。


(1)
1pxの高さの矩形を1pxごとに配置していきます。 
illusion_02.png



(2)
配置した矩形で図形の上にかぶせるマスクを作ります
illusion_03b.png



(3)
新規で"グラフィックシンボル"を生成し、その中で2コマのアニメーションを作ります。
illusion_04.png


(4)
手順3で作ったシンボルをステージに配置、コピーした後同じ位置にペーストし、
さらに重なった二つの同じシンボルを選択し、レイヤーに配分します。
どちらか一方のグラフィックシンボルを選択し、
プロパティパネル>ループ>オプション で 
単一フレームを選択して開始フレームを2にします。
illusion_05.png



(5)
それぞれのシンボルに対して手順2で作ったマスクを被せ、
2コマ目のマスクを1コマ目のマスクより1pxずらします。
illusion_06.png


(6)
このような図形が出来きます。
この図形に対して手順2で作ったマスクを上に載せれば完成です。
illusion_07.png
■配置している図形の座標に小数点以下の数値があるとうまく表示されないので注意してください。

次回はここからさらに発展した表現方法を説明します。


HTML5飯