Flash/ActionScript

月齢カレンダーを作成(5ページ目)

幻想的な月の満ち欠けをリアルなアニメーションで表現し、Actionscriptを使用して今日の月の姿を表示する月齢カレンダーを作成します。

執筆者:渡辺 大介


月の上に今日の日付を表示する

何となくこのままでは物寂しい気がします。そこで飾り要素として、今日の日付を月の上に表示させます。

ダイナミックテキストボックスを作成
1. レイヤー「action」の下に新しいレイヤー「text」を作成し、2フレーム目にキーフレームを作成してください。
図の位置にダイナミックテキストボックスを作成し、フォントに「Arial(なければゴシック体のフォントで代用)」、サイズ「30」、色は「#ffffff(白)」、「アンチエイリアス(読みやすさ優先)」を指定します。変数に「moonTx」を指定してください。

静止テキストを作成
2. その下に静止テキストで「the moon's age.」と打ちます。サイズを「12」として他は手順1と同様に指定してください。

ダイナミックテキストボックスを作成
3. その右にダイナミックテキストボックスを作成します。変数に「moonAge」を指定してください。

4. レイヤー「action」の1フレーム目にActionscriptを追加します。
moonTx = nowYear + "." + (nowMonth+1) + "." + nowDate;
テキストボックスに表示させる変数「moonTx」を作ります。月は0から始まるので「+1」しています。年、月、日の間に「"."」があります。「""」で囲むと変数ではなく、テキストとしてFlashでは解釈されます。

変数「moonAge」は満ち欠けを求めるときに作成しているので、これをそのまま利用します。

完成したファイルをダウンロード


前半はリアリティのあるアニメーション作成を、後半で実際の月の満ち欠けに合わせてプログラムをしてきました。

アニメーションはひと手間で大きく変わることが改めて実感できました。以前作成した「手軽に作れる、ページめくりのアニメ」でも、「光を利用して、空気感を出す」というコツがありましたが、今回は実際とは違う演出手法として利用しました。

今回使用した、月齢を求める式ですが私も天文学の専門ではないので何でこの式で満ち欠けが求められるのか、あえて言うとさっぱり意味が分かりません…。しかし、このような難しい式は各分野の専門家によって一般に公開されていて、自由に利用することが多いです。こういった物を利用することでより複雑な計算や表現を手軽に行うことができますので、自力で宇宙の不思議に挑むことなく是非活用しましょう。

今回は計算式でしたが、Flashの世界ではビジュアル表現や便利な機能など作るには大変手間がかかることもコンポーネントやライブラリとして提供していることがあります。中には有料の物もありますが、仕事としてFlashを作成する方なら売上と天秤にかけることもあるでしょう。また、ノンプロの人であれば手軽に高度な表現ができるフリーのライブラリがあれば面白い表現ができるようになると思いますので、是非使ってみてください。
【編集部おすすめの購入サイト】
Amazonで Flash 関連の書籍をチェック!楽天市場で Flash 関連の書籍をチェック!
  • 前のページへ
  • 1
  • 3
  • 4
  • 5
※記事内容は執筆時点のものです。最新の内容をご確認ください。
※OSやアプリ、ソフトのバージョンによっては画面表示、操作方法が異なる可能性があります。

あわせて読みたい

あなたにオススメ

    表示について

    カテゴリー一覧

    All Aboutサービス・メディア

    All About公式SNS
    日々の生活や仕事を楽しむための情報を毎日お届けします。
    公式SNS一覧
    © All About, Inc. All rights reserved. 掲載の記事・写真・イラストなど、すべてのコンテンツの無断複写・転載・公衆送信等を禁じます