[Flash]基準点って何？

2013年7月3日(水曜日)

もう７月になりました。

いよいよ夏突入ですねっ！夏休みの予定はお決まりですか？
私は今のところノープランです。

こんにちは。スタッフ「ほ」です。

さて、先日Flashの講習をした際に、生徒さんから「基準点って何に使うのですか？」というご質問をいただきました。

そんなわけで、今日はFlashネタでいきたいと思います。

例として、時計の秒針を使ったサンプルで説明します。

ファイルをこちらからダウンロードできます。

Flashをお持ちの方は、ダウンロードして練習用に使ってみてください。

まずは、「そもそも基準点って何？」というお話から。
Flash上で、オブジェクトを作成し、シンボルに変換する際に以下のダイアログが表示されます。

このダイアログのひとつの項目に「基準点」という欄があります。
この画面では、基準点は左上、ってことになります。このままシンボルを登録してみます。

出来上がったシンボルをライブラリから開いてみると、シンボルの左上に「＋」マークが表示されています。これが「基準点」です。

ちなみに「自由変形ツール」でオブジェクトやシンボルを選択した時に表示される中心の○マークは「変形点」というもので、基準点とは別のものです。

こちらは自由変形ツールで拡大縮小やオブジェクトを回転させるときの中心になる点です。

さて、結局「基準点って何に使うの？」ってことになるわけですが、言葉で説明すると「Actionscriptでインスタンスを扱うときに基準になる座標の原点」ってことになります。ますます訳がわかりません。

そこで、ひとつサンプルを作成してみました。

時計のデータを作成しました。とりあえず秒針だけ作成しています。

秒針をシンボルとして登録します。
ここでは、ひとまず基準点を初期設定の左上のままにしてみます。

Actionscriptで秒針を回転させるスクリプトを書きます。
※今回、スクリプトの説明までしてしまうと、かなーり長くなってしまうので細かい解説はダウンロードできるファイルのスクリプト内に書いておきました。そちらをご参照ください。

さて、ムービープレビューしてみます。すると・・・

あらら？秒針が変な回転になってしまいました。

スクリプトでインスタンスを回転させると、基準点を中心とした回転になるため、このような現象がおきるのです。

それでは、これを調整してみます。ライブラリパネルから、登録した秒針のシンボルをダブルクリックして編集画面に入ります。
ここで、秒針のオブジェクトを移動して、基準点に回転の中心が来るように配置しなおしてください。

シーン１へ戻り、ずれた秒針の位置を調整し、再度、プレビューしてみましょう。

今度は、正しい回転になりました。
こんな感じで利用します。

まぁ、必要ない時は、まったく意識する必要はありませんし、シンボル編集で後からでも位置は調整できますので、シンボル登録する際は、どこになっていても大丈夫です。

「インスタンスって何？」「シンボル？？」という方は、Flashの基本操作が１日で学べるバンフートレーニングスクールの「Flash基礎講座」にてお待ちしております。

この記事を書いた人
最新の記事

スタッフ「ほ」

ホームページ制作講座、イラストレーター講座、フォトショップ講座を担当しています。カップヌードルはシーフード派。 Webクリエイター能力認定試験認定インストラクター

スタッフブログ