ActionScript 3.0はじめの一歩

第2回 スクリプトによるアニメーション

この記事を読むのに必要な時間:およそ 2.5 分

技術評論社より好評発売中の「速習Webデザイン ActionScript 3.0」をテキストに,ActionScript 3.0の基本がわかる充実の2日間「林 拓也のプログラミング未経験者向けActionScript 3.0入門講座」を開催いたします。詳細はこちらでご確認ください。

今回はスクリプトによるアニメーションの設定方法について扱っていきます。

ご存知の通りFlashではタイムラインを使ってアニメーションを設定することができます。タイムラインによるアニメーションは,ビデオと同様に何回再生しても全く同じ内容になります。

ユーザーの操作やその他の要因で内容が変化するアニメーションを作成する場合には,スクリプトでアニメーションをコントロールします。

値の更新

前回「ボタンをクリックするとムービークリップが5度回転する」というサンプルを作成しました。

今回は「ボタンをクリックするとムービークリップが回転のアニメーションを開始する」というサンプルを作成していきます。

まず,最初のステップとして「ボタンをクリックする度にムービークリップが5度ずつ回転する」という,いわば手動アニメーションを作成してみます。

図1 サンプル1完成イメージ

図1 サンプル1完成イメージ

回転角度を5ずつ増やすには,現在のrotationプロパティの値を5増加して更新する,という処理を行います。これをスクリプトで表現すると次のようになります。インスタンス名は前回のサンプルと同じ"star_mc"とします。

スクリプト1

01: star_mc.rotation = star_mc.rotation + 5;

このように「=」を使った代入式の右辺が式の場合には,先に右辺を計算して求められた値を代入します。つまり,この処理が最初に実行されると右辺が先に計算されるので「0(rotationプロパティ) + 5」で5が求められ,新たなrotationプロパティの値として代入されます。次に実行される際には「5(rotationプロパティ + 5」の結果である10が代入されます。

このような現在の値を相対的に更新する処理というのはよく行われるため,専用の演算子が用意されています。

スクリプト1と同じ処理は次のように書き換えることができます※1)。

スクリプト2

01: star_mc.rotation += 5;

この処理をボタンクリック時に実行すれば手動アニメーションの完成です。

サンプル1

01: rotate_btn.addEventListener(MouseEvent.CLICK, xClick);
02: function xClick(evt) {
03:   star_mc.rotation += 5;
04: }
※1)

このような演算子は加減乗除全てに用意されています。

演算子機能備考
+=加算後代入「値 += 変化量」「値 = 値 + 変化量」と同じ。
-=減算後代入「値 -= 変化量」「値 = 値 - 変化量」と同じ。
*=乗算後代入「値 *= 変化量」「値 = 値 * 変化量」と同じ。
/=除算後代入「値 /= 変化量」「値 = 値 / 変化量」と同じ。

著者プロフィール

林拓也(ハヤシタクヤ)

Flash・Director オーサリングエンジニア,アドビ認定インストラクター,ロクナナワークショップ講師。

各種Webコンテンツ制作や,少人数ハンズオントレーニングから大規模なセミナー講師など幅広く活躍中。各種学校のカリキュラム・教材制作をはじめ,ActionScriptに関する書籍も多数執筆。

URLhttp://67.org/ws/instructor/hayashi.html

著書

ActionScript 3.0の基本がわかる,充実の2日間
林 拓也のプログラミング未経験者向けActionScript 3.0入門講座

■概要

新刊「 速習Webデザイン ActionScript 3.0」をプレゼント!!

Flashの学校 ロクナナワークショップによる,プログラミング未経験の方や初心者の方を対象にしたActionScript 3.0の入門講座が,林 拓也氏を講師に迎え開催されます。

しばしば「難しい」と言われるActionScript 3.0ですが,重要ポイントを理解して正しく攻略すれば,グッと難易度を下げることができます。本講座では,シンプルなサンプルを使って基本事項から学習するため,プログラミング未経験者の方や初心者の方には最適の内容です。
プログラミングなんて絶対無理!っと思っている方,ぜひご参加ください。

■詳細情報
【日程】2008年10月21日(火)22日(水)
【時間】10:00開場 - 16:30閉場(1日4時間、2日間で8時間の講義です)
【場所】東京都渋谷区 「T's 東宝ビル 別館 ホール204」
【定員】30名
【料金】19,800円(2日間、消費税込み、書籍プレゼント)
【協力】アドビシステムズ 株式会社
【主催】株式会社ロクナナ・ロクナナワークショップ
     〒150-0001東京都渋谷区神宮前1-1-12 #203
     Summer Camp 2008 運営事務局
     担当:佐々木・上田
     E-mail:workshop@67.org

コメント

コメントの記入