Web & AOR Music Blog

I'm Web Front-End Engineer. I like AOR music.

Action Acript3.0 映像トレーニング3

■56.Action Scriptでアニメーションを制御する

(56-12)目標に向かって進ませる[4]

(56-13)ムービークリップ同士の重なりを判定する。

//■重なり判定
if( girl_mc.hitTestObject( boy_mc) ){
boy_mc.gotoAndStop( 2);
}
else if( girl_mc.hitTestObject( fountain_mc) ){
fountain_mc.gotoAndStop( 2);
}
else if( girl_mc.hitTestObject( dog_mc) ){
dog_mc.gotoAndStop( 2);
}
else if( girl_mc.hitTestObject( home_mc) ){
home_mc.gotoAndStop( 2);
back_mc.gotoAndStop( 2);
}
else{
boy_mc.gotoAndStop( 1);
fountain_mc.gotoAndStop( 1);
dog_mc.gotoAndStop( 1);
home_mc.gotoAndStop( 1);
back_mc.gotoAndStop( 1);
}

■59.AIRアプリケーションを作成しよう!
(Chapter13)

59-1.AIRランタイムのインスートール
/ AIRアプリケーションのインストーラーを作成する

(1)Adobe AIRをインストールする
 http://get.adobe.com/jp/air/

(2)Flashデータ

ch_work_01.fla
ch_work_01.swf

map.swf
menu.swf
movie.swf
photo.swf
skinOverPlaySeek.swf
./start/ch06_01.flv

(3)AIRで書き出し
 ★パブリッシュ設定 [ctrl+Shift+F12]

[Flash]->[Player]->[AIR2.5]

OK

 ※CS6
[パブリッシュ設定]ダイアログボックスの[ターゲット]を[AIR 3.2 for Desktop]に設定し、[OK]ボタンをクリックしてください。

crlt+[ENTER] ムービープレビュー

 Adobe AIR形式のアプリケーションで再生される。
 ch13_work_01-app.xml

(4)AIR2.5の設定
 [ファィル]->[AIR2.5設定]

 ※CS6 [AIR3.2 for Desktop設定]になっている。

 ●アプリケーションとインストーラーの設定

 ▼一般
  出力ファイル ch13_work_01.air
[]Windowsインストーラー チェック無し

  バージョン 1.0 (バージョン管理)

  ウィンドウスタイル : システムクローム

  含めるファイル
   ch_work_01.swf
   ch13_work_01-app.xml

  + ボタンで追加
 map.swf
 menu.swf
 movie.swf
 photo.swf
 skinOverPlaySeek.swf
 ./start/ch06_01.flv

 ▼署名
  コードサイニング証明書
   [作成] をクリック。

  「自己署名の電子証明書を作成」

  AIR 電子署名
  パスワード : 学籍番号

  [参照]から場所を指定して作成。

 このセッション中はパスワードを保存する [チェック]
  タイムスタンプを付加する。 [チェック]
   ・・・ チェックで5年間有効になる。

 ▼アイコン
  16 32 48 128 iconフォルダより指定。

 ▼詳細
  初期ウィンドウ
  []最大化を有効にする
  [チェック]最小化を有効にする
  []リサイズを有効にする
  [チェック]起動後に表示する

 ★[パブリッシュ]でAIRアプリケーションを作成!!!

 ★ch13_work.air が作成されるので、ダブルクリック!!!
(アプリケーションのインストーラー)

 [アプリケーション]->[ch13_work_01]
  というアプリが完成!!!!!!

  最終的なアプリケーションは、AIR無しのPCでも動くのだろうか???

Action Acript3.0 映像トレーニング2

■56.Action Scriptでアニメーションを制御する

 おぉ~、ココからは、CS4(ActionScript2.0)と、CS5(ActionScript3.0)の映像トレーニングが2回づつあるのか!すぐ気づいてよかった!!!Action Script2.0は必要なしっと!!!

(56-4)ムービクリップを上下左右に移動させる[1]

up_btn.addEventListener( MouseEvent.CLICK, onClickUp);

function onClickUp( e:MouseEvent):void{
//girl_mc.y = girl_mc.y – 1;
girl_mc.y -= 1;
girl_mc.gotoAndStop( “back”);
}

(56-5)ムービクリップを上下左右に移動させる[2]

right_btn.addEventListener( MouseEvent.CLICK, onClickRight);

function onClickRight( e:MouseEvent):void{
girl_mc.x += 1;
girl_mc.gotoAndStop( “right”);
}

(56-6)押している間は進むようにする[1]

 変数定義の説明で終わった(^_^;;

(56-7)押している間は進むようにする[2]

 ・・・

(56-12)目標に向かって進ませる[4]

Action Acript3.0 映像トレーニング1

■55.Action Scriptの基本を理解しよう

(55-1)Action Scriptの概要[1]

(55-2)Action Scriptの概要[2] (ActionScript基礎概論)

■56.Action Scriptでアニメーションを制御する

(56-1)操作するムービークリップを作成すめ

 動かすアニメーションのムービークリップの作成

(56-2)ボタンシンボルに作成する

 上下左右のボタンを作成
 意外と役にたった!

(56-3)ステージにシンボルを配置する

 ※上下左右ボタンの配置方法、整列とShift+↑ での配置方法。
 結構、使える!!!

Flash 映像トレーニング4

■51.フォトギャラリーを作ろう

(50-1)複数の写真を読み込んで配置する
    /写真をフェードイン・アウトする

 ・・・

(50-5)写真用マスクをかける[4]
 四角横 マスク
 四角縦 マスク
  を同時にかける。

Flash 映像トレーニング3

※CS5形式で保存!
ch03_work_04_CS5.fla

※Flashはなんで、上位バージョンで書き込んだモノを古いバージョンで見れないんだぁ~~~
簡単にアニメなのに・・・

■50.アニメーションの基本を理解しよう

(50-3)モーショントゥイーンを利用してバスを走らせる

・・・・

(50-9)アニメーションデザイン概論

 ●フレームアニメーション
  パラパラ漫画 gifアニメ

 ●トゥイーンアニメーション (トゥイーン = 間)
  ▼モーショントゥイーン
  ▼シェイプトゥイーン

 ●

■51.フォトギャラリーを作ろう

(50-1)複数の写真を読み込んで配置する
    /写真をフェードイン・アウトする

Copyright © Web & AOR Music Blog, All Rights Reserve.