Flash万華鏡にチャレンジ！

前回のActionscriptで図形を描画！の応用例として「万華鏡」を作成します。漠然と万華鏡ってどんなんだっけ…と考えると難しいので、まず工程を整理し、それに沿って作成を進めましょう。

Actionscriptを使用してFlash万華鏡を作成します。 Adobe Flash8.0を使用してサンプルを作成しています。

Flash万華鏡を作る手順

1.　あるインスタンスをクリックすることで四角形を描画する。

2.　描画に使う色を予め配列に用意し、そこから描画した順番に色を決める。

3.　「万華鏡を作成」ボタンを押したら、フレームを移動する。

4.　インスタンスを5個複製して、オリジナルを含め計6個にする。

5.　画面中央を基準に時計回りに敷き詰める。

6.　予め用意した扇型のマスクインスタンスをそれぞれ適用する。

7.　インスタンスを全て回す。

画面を4回クリックして、四角形を描画する

1.　横400px、縦300pxの新規Flashムービーを作成します。挿入＞新規シンボルから、新規ムービークリップ「canvas」を作成します。

2.　作成したムービークリップをライブラリからステージの中央に配置してください。「canvas」は空のムービークリップなのでどこに配置したか分かりにくいので「Ctrl+A」キーで全域選択して見つけ出しましょう。

配置した「canvas」にインスタンス名を「canvas0」とつけてください。



次のページではクリックすることで四角形を描画するActionscriptを記述します。