MujuuLog » Flash

Progressionを勉強しはじめた。

shin2 — Fri, 21 May 2010 12:12:28 +0000

仕事でFLASHコンテンツを作る機会があったので、Progressionを勉強しながら使ってみた時のメモ。
あまりFLASH自体を触ることも少なく、AS3の知識も乏しかったけど、単純な構造のページで時間もあったので、思い切ってクラスの仕様で制作にトライした。ついでにAS3も覚えてしまえってな感じ。
今はどうやらProgression ver 4がリリースされたみたいだけど、制作時に使ってるのはver 3。（今CS3使ってるから、そのうちCS4かCS5にしたらProgression ver 4にしよ…本も出てる見たいだから買おっと）
まあ、大体のインストール方法や使い方はProgressionのサイトに書いてあるんで、はじめに自分なりに思ったことだけまとめる。

何となくの全体構造は、こんな感じだろうか…。
preloader.asで全体のローディングをして、Index.asでprogressionインスタンスを生成し、ルートのシーンIndexScene.asにへ遷移。○○○Scene.asやxxxScene.asはIndexSceneに登録された子シーン。
シーンはページ構造みたいなもので、FlashなのにシーンごとURLが付けられアクセスできる。シーンでは、flashファイルのライブラリーにあるグラフィック素材やサウンド素材をクラスとして書き出して、new でインスタンス生成して配置することが出来る。この時、素材をProgressionのキャストとして関連づけることで、よりProgressionで用意されている機能を発揮できる。（CastButtonとかCastMovieClipとか…色々）

シーンの構造はでサイトの骨格で、各シーンへキャストを配置してページを構成していく。グローバルボタン的ななものは全シーンで共通して表示しておける。各シーン遷移時に起こるイベントに、いろいろな指令を登録しておくことで、シームレスにページ遷移を表現できる。

AS3初心者なんでいろいろ戸惑っている部分も多いが、Progressionを通じてAS3も理解できそうな気がしてきた。

ExternalInterfaceを使ってみた。

shin2 — Wed, 28 Oct 2009 03:53:25 +0000

Flashでマウスの位置を参照して、画像を無限ループスクロールさせた時に、ブラウザウィンドウからフォーカスを外すと、凄いスピードで動くのでこれを何とかしたいと思った。

JavaScriptでブラウザウィンドウからフォーカスがアウトされた時と、フォーカスされた時を検出して、ExternalInterface.addCallbackを使ってFlash側の関数を操作すれば何とかできそうだ。

ExternalInterfaceはFlashからJavaScriptの関数・JavaScriptからFlash内の関数をコントロール出来るクラスみたい。
まずはフォーカスが切り変わるごとに、Flash上のテキストフィールドの文字を切り替えることを試してみる。

■HTML
swf表示の部分のallowscriptaccessは:”always”にする。（HTML上のJavaScriptを呼び出せるようにするかどうか）
swf読み込み部分のobjectのid、param・embedのnameはblur_testとする。




onfocus onblur test
<script language="javascript">AC_FL_RunContent = 0;script>

<script type="text/javascript">
	//フォーカス切り替えごとに実行される関数
	function xChangeText(bFocusMode) {
		getMovieName("blur_test").callChangeText(bFocusMode);
	}
	function getMovieName(movieName) {
		if (navigator.appName.indexOf("Microsoft") != -1) {
			return window[movieName]
		} else {
			return document[movieName]
		}
	}
script>

■Flash
ステージにインスタンス名 test_tf のテキストフィールドの文字を切り替える。

import flash.external.ExternalInterface;
//フォーカス切り替えごとにJavaScript側から呼ばれる
function xChangeText(bFocusMode:Boolean):Void {
	var str:String;
	if (bFocusMode) {
		str = "フォーカスされています。";
	} else {
		str = "フォーカスアウトされました。";
	}
    test_tf.text = str;
}
//JavaScriptから呼べるように登録する
ExternalInterface.addCallback("callChangeText", null, xChangeText);

これでFlash上の文字を切り替えることができたので、この要領でフォーカスが外れた時にスクロールが止まるようにすれば、今回の問題は解決しそうだ（未確認）。

※はじめbodyタグにonloadでテストの実行をしようとしたが動作しなくてハマッた。理由はswfファイル読み込みよりも前の段階にonloadを記述していたからみたいだ。読み込んでないswfにアクセスはできねーってことかい。（そりゃそうだ）

flashでxmlを読み込む。

shin2 — Thu, 02 Apr 2009 10:07:47 +0000

FLASH上でXML内に記述したHTMLを表示した時の注意点。
まず、XML側のノード内を<[[CDATA ]]>で囲ってやる。しかし、内容がすべて実態表現で表示されてしまった。原因は、ターゲットノードの内容をnodeValueで、しっかり指定してやること。